在页面中绘制如图所示的四种不同渐变色的矩形。
1 回答
blovetu
TA贡献319条经验 获得超234个赞
CSS代码和HTML代码在下面，可以对应的粘一下
<style> .wrap {width: 440px;} .wrap div {float: left;width: 200px; height: 200px;background-color: pink;margin:10px} .box1 {background-image: linear-gradient(135deg, #62A2E9, #9D44F4, #D439F9, #DA53B7, #F6E23D, #F6E23D);} .box2 {background-image: linear-gradient(-135deg,#62A2E9, #9D44F4, #D439F9, #DA53B7, #F6E23D, #F6E23D);} .box3 {background-image: linear-gradient(45deg,#62A2E9, #9D44F4, #D439F9, #DA53B7, #F6E23D, #F6E23D);} .box4 {background-image: linear-gradient(-45deg,#62A2E9, #9D44F4, #D439F9, #DA53B7, #F6E23D, #F6E23D);} </style></head><body> <div class="wrap"> <div class="box1"></div> <div class="box2"></div> <div class="box3"></div> <div class="box4"></div> </div></body>- 1 回答
- 0 关注
- 1143 浏览
添加回答
举报
0/150
提交
取消