- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Applying Decorative Styling to the Line, Step 1</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="square">Warmphoto</div>
</body>
</html>
CSS
@font-face {
font-family: "Montserrat Alternates";
src: url("fonts/MontserratAlternates.woff") format("woff");
}
body {
background: url("rain.jpg") no-repeat 50% 0;
color: #333333;
font-size: 12px;
font-family: "Arial", sans-serif;
}
.square {
margin: 150px auto;
text-align: center;
text-transform: uppercase;
}
You’ve gone to a different page
Click inside the mini-browser to shift the focus onto this window.
Goalscompleted
0
Assign the following to the .square block:
- A solid frame that is
5pxthick and has the color#333333; - The font
"Montserrat Alternates", sans-serifthat is72pxin size; - A width of
260px.
Comments