请老师检查谢谢
来源：3-17 编程练习
weixin_慕粉7014616
2019-12-26 20:02:33
<!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 double;}
.li5{border: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。
因为每一条单线各位1px，写2px的话，两个单线就连在一起了。想要中间隔开1px，建议：还是设置为3px，例：
如果我的回答帮助了你，欢迎采纳，祝学习愉快~
0
