- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>The Text Shadow Color</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>Party</p>
<p>in the bar</p>
<span>☻</span>
</body>
</html>
CSS
body {
background: url("glass.jpg") no-repeat 50% 0;
color: #fff3e3;
font-family: "Arial", sans-serif;
}
p {
margin-left: 150px;
font-size: 50px;
}
p:nth-child(1) {
margin-top: 150px;
color: #000000;
text-shadow: none;
}
p:nth-child(2) {
text-shadow: none;
}
span {
position: absolute;
top: 370px;
left: 120px;
font-size: 100px;
}
You’ve gone to a different page
Click inside the mini-browser to shift the focus onto this window.
Goalscompleted
0
Set the shadows for the first and second paragraphs:
- For each of the paragraphs, set a horizontal and vertical offset of
2pxand and feathering of8px; - For the first paragraph, specify a shadow color of
#333333, - and for the second paragraph, specify a shadow color of
#ff9900.
Comments