想使用border改變邊框與文字的距離，打出代碼后邊框卻消失了，這是為什么？
li{
? ? border:5px dotted #ccc;
? ? width:200px;height:30px;
? ? border-bottom:10px;
}
我改變下邊框結果如圖，下邊框消失了
望持
2020-03-04
3 回答
舉報
0/150
提交
取消
2021-08-11
你這是語法錯誤了，加邊框就是加邊框，下邊框就是下邊框，你想在邊框中實現下劃線，你可以試試下劃線是命令
text-decoration:underline
2020-04-10
樓上正解，說的對，三行文字都是有上邊框線沒有下邊框線的，只不過是用眼睛看上去好像上邊兩行有下邊框線，實際上那兩條框線是下邊兩行的上邊框線
2020-03-04
第一行? border:5px dotted #ccc;???? 圍著文字設置了一圈灰色虛線。
第三行? border-bottom:10px;?? 你又重新設置了所有文字底部的虛線，但沒有設置樣式和顏色。
把第三行重寫為? border-bottom:10px dotted #ccc；你就可以看到新的底部虛線了。
設置邊框與文字之間的距離應該用 padding 。
可以在第四行加個? padding:20px;
具體的可以看 11-7。