<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>css3颜色渐变</title>
<style>
.content{
width:500px;
height:500px;
background: -webkit-linear-gradient(left, #FFF, #999); /* 谷歌浏览器上白->黑*/
background: -o-linear-gradient(left, red, blue); /* Opera浏览器上红->蓝 */
background: -moz-linear-gradient(left, #0F0, #F0F); /* 火狐浏览器上绿->粉红 */
background: linear-gradient(left, #30F, #FFF); /* 标准的语法 */
margin:100px auto;
}
</style>
</head>
<body>
<div class="content">
</div>
</body>
</html>
网友评论