3-2 编程练习问题
来源：3-2 编程练习
慕码人5382834
2020-10-22 23:54:37
请问怎么把文字和图片分开呢？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>线性渐变</title>
<style type="text/css">
div{
width:100px;
height:100px;
display:inline-block;
margin:10px;
}
.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 class="div1">上下方向渐变</div>
<div class="div2">左右方向渐变</div>
<div class="div3">对角方向渐变</div>
</html>
写回答
1回答
-
同学你好，效果正确。如果要把文字和div分开的话，可以改变布局，可参考如下：
效果：
祝学习愉快~
0
相似问题