看各位大佬的文章 总结 试着理解
渐变色:
两种的话,顶端和底部会保留部分实色,中间是两种颜色的过渡
第一种:
<!DOCTYPE html>
<head>
<style>
#d1{
width:400px;
height:400px;
background-image:repeating-linear-gradient(red,green);
}
</style>
</head>
<body>
<div id="d1"></div>
</body>
</html>
效果如下
11111111111111
第二种。
三个颜色时,底部和顶部还是保留部分实色,中间的颜色直接过渡。
旁边我设置了一个对照组,代码如下
<!DOCTYPE html>
<head>
<style>
#d1{
width:600px;
height:600px;
background-image:repeating-linear-gradien