京东自营 618 + 国补 iPhone 历史最低价
html 实例源码
实例源码：
源代码：
执行
执行中...
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, green, blue); /* Safari 5.1 - 6.0 */10
background: -o-linear-gradient(red, green, blue); /* Opera 11.1 - 12.0 */11
background: -moz-linear-gradient(red, green, blue); /* Firefox 3.6 - 15 */12
background: linear-gradient(red, green, blue); /* 标准的语法（必须放在最后） */13
}14
15
#grad2 {16
height: 200px;17
background: -webkit-linear-gradient(red, orange, yellow, green, blue, indigo, violet); /* Safari 5.1 - 6.0 */18
background: -o-linear-gradient(red, orange, yellow, green, blue, indigo, violet); /* Opera 11.1 - 12.0 */19
background: -moz-linear-gradient(red, orange, yellow, green, blue, indigo, violet); /* Firefox 3.6 - 15 */20
background: linear-gradient(red, orange, yellow, green, blue, indigo, violet); /* 标准的语法（必须放在最后） */21
}22
23
#grad3 {24
height: 200px;25
background: -webkit-linear-gradient(red 10%, green 85%, blue 90%); /* Safari 5.1 - 6.0 */26
background: -o-linear-gradient(red 10%, green 85%, blue 90%); /* Opera 11.1 - 12.0 */27
background: -moz-linear-gradient(red 10%, green 85%, blue 90%); /* Firefox 3.6 - 15 */28
background: linear-gradient(red 10%, green 85%, blue 90%); /* 标准的语法（必须放在最后） */29
}30
</style>31
</head>32
<body>33
34
<h3>3 个颜色结点（均匀分布）</h3>35
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java