正在回答 回答被采纳积分+1
我一上来弄了4个div,大的套三个小的,弄得不知道怎么弄的时候,看了别人的笔记,那种感觉就是,还有这种操作!我咋不知道!我咋没半点印象!完了回头看视频,这题跟这个视频对不上,不看别人笔记,想破脑袋都想不到用这种写法,虽然笔记一看秒懂!18版很多问题都有人发现了,也有老师回答了,19版,全靠我们来踩坑了。19版,这没高手铺路,还真难,就我这小白,得抠破皮,看这情况,后面的学习进度堪忧。。。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>渐变应用</title>
<style type="text/css">
div{
width: 400px;
height: 400px;
background-color:yellow;
/*补充代码*/background-size: 100px 100px;
background-image:
-webkit-linear-gradient(45deg, purple 25%, transparent 25%, transparent),
-webkit-linear-gradient(-45deg, purple 25%, transparent 25%, transparent),
-webkit-linear-gradient(45deg, transparent 75%, purple 75%),
-webkit-linear-gradient(-45deg, transparent 75%, purple 75%);
background-image:
-moz-linear-gradient(45deg, purple 25%, transparent 25%, transparent),
-moz-linear-gradient(-45deg, purple 25%, transparent 25%, transparent),
-moz-linear-gradient(45deg, transparent 75%, purple 75%),
-moz-linear-gradient(-45deg, transparent 75%, purple 75%);
background-image:
-o-linear-gradient(45deg, purple 25%, transparent 25%, transparent),
-o-linear-gradient(-45deg, purple 25%, transparent 25%, transparent),
-o-linear-gradient(45deg, transparent 75%, purple 75%),
-o-linear-gradient(-45deg, transparent 75%, purple 75%);
background-image:
linear-gradient(45deg, purple 25%, transparent 25%, transparent),
linear-gradient(-45deg, purple 25%, transparent 25%, transparent),
linear-gradient(45deg, transparent 75%, purple 75%),
linear-gradient(-45deg, transparent 75%, purple 75%);
}
</style>
</head>
<body>
<div></div>
</body>
</html>
对,而且不是带着一起敲,都是他提前搞好了,然后说,感觉很多地方没有弄明白,就过去了,我回过头又看了一遍还是不清楚是什么玩意儿
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星