请老师看一下书写是否正确？另外请问border边框属性简写有顺序要求吗？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>border属性</title>
<style type="text/css">
li{width:200px;height:50px;}
/*补充样式*/
/*.li1{border-top-width:2px;
border-top-color:red;
border-top-style:solid;
}
.li2{border-right-width:2px;
border-right-color:green;
border-right-style:dotted;
}
.li3{border-bottom-width:2px;
border-bottom-color:blue;
border-bottom-style:dashed;
}
.li4{border-width:3px;
border-left-color:purple;
border-left-style:double;
}
.li5{border-width:2px;
border-color:orange;
border-style:solid;
}*/
.li1{border-top:2px solid red;}
.li2{border-right:2px dotted green;}
.li3{border-bottom:2px dashed blue;}
.li4{border-left:3px double purple;}
.li5{border:2px solid orange;}
</style>
</head>
<body>
<ul>
<li class="li1">第一个li</li>
<li class="li2">第二个li</li>
<li class="li3">第三个li</li>
<li class="li4">第四个li</li>
<li class="li5">第五个li</li>
</ul>
</body>
</html>
正在回答
效果实现的是可以的，border简写属性没有强制的顺序规则，但为了代码的可读性，建议按照：border-width，border-style，border-color的顺序书写
祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星