<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<title>css Linear Gradient </title>
<style type= "Text/css" >
. test1{
width:200px;
height:80px;
Text-align:center;
line-height:80px;
margin-bottom:10px;
Color:white;
font-size:20px;
Filter:progid:DXImageTransform.Microsoft.Gradient (startcolorstr= ' #FF0000 ', endcolorstr= ' #F9F900 ', gradienttype= ' 0 ');
Background:-moz-linear-gradient (top, #FF0000, #F9F900);
Background:-o-linear-gradient (top, #FF0000, #F9F900);
Background:-webkit-gradient (linear, 0% 0, 0% 100%, from (#FF0000), to (#F9F900));
}
. test2{
width:200px;
height:80px;
Text-align:center;
line-height:80px;
margin-bottom:10px;
Color:white;
font-size:20px;
Filter:progid:DXImageTransform.Microsoft.Gradient (startcolorstr= ' #FF0000 ', endcolorstr= ' #F9F900 ', gradienttype= ' 1 ');
Background:-moz-linear-gradient (left, #FF0000, #F9F900);
Background:-o-linear-gradient (left, #FF0000, #F9F900);
Background:-webkit-gradient (linear, 0% 0, 100% 0, from (#FF0000), to (#F9F900));
}
</style>
<body>
<div><a href= "http://www.999jiujiu.com/" >http://www.999jiujiu.com/</A></div>
<div class= "test1" >css vertical gradient </div>
<div class= "test2" >css Horizontal gradient </div>
</body>
CSS linear gradient vertical and horizontal gradient linear-gradient
