3-2漸變練習

来源：3-2 编程练习

慕数据3203843

2019-10-13 09:46:00

<!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>

写回答

1回答