麻烦老师看看有没有问题
来源:2-24 编程练习
慕尼黑8359237
2021-08-22 20:11:15
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>线性渐变</title>
<style type="text/css">
/*此处写代码*/
.box1{
width:100px;
height:100px;
background-image: linear-gradient(yellow,red);
margin-right:20px;
float:left;
}
.box2{
width:100px;
height:100px;
background-image: linear-gradient(to right,yellow,red);
float:left;
margin-right:20px;
}
.box3{
width:100px;
height:100px;
background-image: linear-gradient(-45deg,yellow,red);
float:left;
margin-right:20px;
}
</style>
</head>
<body>
<!--此处写代码-->
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
</html>
1回答
好帮手慕然然
2021-08-23
同学你好,代码实现没问题,继续加油,祝学习愉快!
相似问题
回答 1
回答 1
回答 1
回答 1
回答 1