3-17 編程練習 |老師幫忙看看
<!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
收起
正在回答
1回答
同学你好,第四个li元素的边框是不正确的哦。

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

祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星