<!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>
css3 颜色渐变 background：liner-gradient()
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- CSS3教程：background-image之放射性渐变（radial-gradient）详解
- 使用css3背景渐变中的透明度来设置不同颜色的背景渐变 为了添加透明度，我们使用 rgba() 函数来定义颜色结点...
