css 颜色渐变，实现背景颜色从上到下线性渐变。
css 颜色渐变，实现背景颜色从上到下线性渐变。从顶部开始的线性渐变。起点是红色，慢慢过渡到蓝色：
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
<style>7
#grad1 {8
height: 200px;9
background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */10
background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */11
background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */12
background: linear-gradient(red, blue); /* 标准的语法（必须放在最后） */13
}14
</style>15
</head>16
<body>17
18
<h3>线性渐变 - 从上到下</h3>19
<p>从顶部开始的线性渐变。起点是红色，慢慢过渡到蓝色：</p>20
21
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java