老师麻烦看下
来源：3-25 编程练习
qq_久坠深海_0
2020-04-13 22:56:20
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>渐变应用</title>
<style type="text/css">
div{
width: 400px;
height: 400px;
background-color:yellow;
background-size:100px 100px;
background-image:linear-gradient(45deg, purple 25%, transparent 25%),
linear-gradient(-45deg, purple 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, purple 75%),
linear-gradient(-45deg, transparent 75%, purple 75%);
}
</style>
</head>
<body>
<div></div>
</body>
</html>
颜色后面那个两个值，可以理解成第一值是控制起点开始的大小 ，后面那个值是控制起点截止到终点的大小值吗？都
2回答
-
同学你好,可以参考如下小例子:
对应页面效果为:
如果同学不理解，可以记住这种渐变的形式，自己写几个例子体会一下。
0 -
好帮手慕久久
2020-04-14
同学你好，background-image属性值中颜色后面的值代表该段过渡颜色的终止点，而前一个颜色的终止点是后一个颜色的起始点，比如：
purple 25%：含义是0%-25%都是紫色，终止点是25%处；
transparent 25%：含义是从25%的紫色开始，过渡到25%处的透明；由于开始和结束都是在25%处，所以没有过渡效果；
而25%到100%这段未定义，默认颜色就是透明的，也就是透明到透明的过渡；
如果我的回答帮到了你，欢迎采纳，祝学习愉快
0h020-04-14
