css中颜色渐变的实现

　　一、LinearGradients(线性渐变)-向下/向上/向左/向右/对角方向

　　1.向下代码

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metahttp-equiv="Content-Type"content="text/html"charset="utf-8">

　　<style>

　　div{

　　width:200px;

　　height:200px;

　　}

　　.gradient{

　　background:-webkit-linear-gradient(#8A2BE2,#DC143C);/*forsafari5.1-6.0*/

　　background:-o-linear-gradient(#8A2BE2,#DC143C);/*Opera11.1-12.0*/

　　background:-moz-linear-gradient(#8A2BE2,#DC143C);/*firefox3.6-15*/

　　background:linear-gradient(#8A2BE2,#DC143C);/*标准语法，必须放在最后*/

　　}

　　</style>

　　</head>

　　<body>

　　<divclass="gradient"></div>

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c56875.shtml