源自：12-10 我想脚下踩条线 - 使用border为盒子添加边框（二）
边框设置问题
<title>边框</title>
<style type="text/css">
li{
border:2px dotted #ccc;
border-bottom:1px dotted #ccc;
}
</style>
</head>
<body>
<ul>
<li>别让不会说话害了你</li>
<li>二十七八岁就应该有的见识</li>
<li>别让不好意思害了你</li>
</ul>
</body>
这一段代码显示之后是只有最下面的边框变成了1px 那如何实现每一行文字下的边线都变成1px呢
提问者：Grush
2016-04-04 20:58
个回答
-
- 慕粉3126759
- 2016-04-04 21:19:57
<title>边框</title>
<style type="text/css">
li{
border-width:1px 1px 0px ;
border-style:dotted;
border-color:#ccc;
}
#last{border:1px dotted #ccc;
}
</style>
</head>
<body>
<ul>
<li>别让不会说话害了你</li>
<li>二十七八岁就应该有的见识</li>
<li id="last">别让不好意思害了你</li>
</ul>
</body>
-
- menghuanzhiyun
- 2016-05-22 23:11:24
这样应该能看清楚一点
-
- 忆_卿
- 2016-04-19 15:38:15
还看不清 就加个 margin=10px;
-
- 忆_卿
- 2016-04-19 15:35:43
这不是代码的问题，是你的视觉问题，你把 那 两段代码 随意 换个颜色 看就行了。
-
- Roner
- 2016-04-11 17:03:14
你看错了，三行的下边框都是1px，只不过第二行的上边框是2px，给你造成的视觉上的错误
-
- upcbobo
- 2016-04-04 21:10:07
li{
border-bottom:1px dotted #ccc;
}