3-2漸變練習
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
width:200px;
height:200px;
margin-right: 20px;
display: inline-block;
}
.div1{background: linear-gradient(yellow,red);}
.div2{background: linear-gradient(to right,yellow,red);}
.div3{background: linear-gradient(to left top,yellow,red);}
</style>
</head>
<body>
<div>上下方向漸變<div class="div1"></div></div>
<div>左右方向漸變<div class="div2"></div></div>
<div>對角方向漸變<div class="div3"></div></div>
</body>
</html>0
收起
正在回答
1回答
同学你好，实现没有问题，继续加油！欢迎采纳。
祝学习愉快！
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星