3-17 編程練習 |老師幫忙看看
来源:3-17 编程练习
慕数据3203843
2019-08-16 11:06:39
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>border属性</title>
<style type="text/css">
li{width:200px;height:50px;}
/*补充样式*/
.li1{border-top:2px red solid;}
.li2{border-right:2px green dotted;}
.li3{border-bottom:2px blue dashed;}
.li4{border-left:2px purple solid;}
.li5{
border-top:2px orange solid;
border-right:2px orange solid;
border-left:2px orange solid;
border-bottom:2px orange solid;
}
</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>1回答
同学你好,第四个li元素的边框是不正确的哦。

应该是宽为3px的双线紫色左边框
代码参考:

祝学习愉快~
相似问题