源自：12-7 长胖长高点--宽度和高度
想使用border改变边框与文字的距离，打出代码后边框却消失了，这是为什么？
li{
border:5px dotted #ccc;
width:200px;height:30px;
border-bottom:10px;
}
我改变下边框结果如图，下边框消失了
提问者：望持
2020-03-04 20:04
个回答
-
- 慕哥2421419
- 2021-08-11 16:55:09
你这是语法错误了，加边框就是加边框，下边框就是下边框，你想在边框中实现下划线，你可以试试下划线是命令
text-decoration:underline
-
- 慕沐4207267
- 2020-04-10 18:08:43
楼上正解，说的对，三行文字都是有上边框线没有下边框线的，只不过是用眼睛看上去好像上边两行有下边框线，实际上那两条框线是下边两行的上边框线
-
- X01Wolverine
- 2020-03-04 23:37:25
第一行 border:5px dotted #ccc; 围着文字设置了一圈灰色虚线。
第三行 border-bottom:10px; 你又重新设置了所有文字底部的虚线，但没有设置样式和颜色。
把第三行重写为 border-bottom:10px dotted #ccc；你就可以看到新的底部虚线了。
设置边框与文字之间的距离应该用 padding 。
可以在第四行加个 padding:20px;
具体的可以看 11-7。