老师看下是否需要优化
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>渐变应用</title>
<style type="text/css">
div{
width: 400px;
height: 400px;
background-color:yellow;
/* transparent是透明的意思 */
background-image:-webkit-linear-gradient(45deg,purple 25%,transparent 25%),
-webkit-linear-gradient(-45deg,purple 25%,transparent 25%),
-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%),
-moz-linear-gradient(-45deg,purple 25%,transparent 25%),
-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%),
-o-linear-gradient(-45deg,purple 25%,transparent 25%),
-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%),
linear-gradient(-45deg,purple 25%,transparent 25%),
linear-gradient(45deg,transparent 75%,purple 75%),
linear-gradient(-45deg,transparent 75%,purple 75%);
background-size: 100px 100px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
正在回答
同学你好，代码正确，很棒，不需要优化，祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星