Thursday, August 14, 2014

https://www.overdrive.com/media/1532701/html5-and-css3-all-in-one-for-dummies page 220 sample not working

<!DOCTYPE html>
<html lang = "en-US">
<head>
<meta charset = "UTF-8">
<title> Gradient 220 </title>
<style type = "text/css">
#gradient {
border: grey 3px solid;
height: 200px;
width: 200px;
background-image: linear-gradient (left, red, white);
background-image: -moz-linear-gradient (left, red, white);
background-image: -webkit-linear-gradient (left, red, white);
}
p {
text-align: center;
}
</style>
</head>
<body>
<div id = "gradient">
<p> Box 1, gradient doesn't work. 220 </p>
</div>
</body>
</html>

No comments:

Post a Comment