<hr/>的樣式
在使用<hr />標簽的過程中，我發現使用<hr />后顯示出來的下劃線會自帶一些上下距離，但是在書寫網頁的過程中，一個模塊與分隔線之間或者一段文字與分隔線之間的距離往往會有有像素要求，我怎么能夠定義這個分隔線與上面一個模塊或者一行文字的距離呢？求大神解答，感激不盡！
Leibniz233
2016-03-15
5 回答
舉報
0/150
提交
取消
2016-03-15
在css文件中書寫
hr{
margin:0;
}
2016-03-15
第一種：
<hr?style="?height:2px;border:none;border-top:2px dotted #185598;" />
height:2px;是hr的高度
border:none;是沒有邊框
border-top:2px dotted #185598;是設置橫線的樣式
dotted? 虛線??#185598? 顏色
第二種：
<hr?style="height:1px;border:none;border-top:1px dashed #0066CC;" />
<hr?style="height:1px;border:none;border-top:1px solid #555555;" />
第四種：
<hr?style="height:3px;border:none;border-top:3px double red;" />
第五種：
<hr?style="height:5px;border:none;border-top:5px ridge green;" />
2016-03-15
margin外邊距 還可以設置行高
2016-03-15
用css可以修改文本與<hr/>的距離，使用margin(外邊距)可以實現
2016-03-15
用CSS可以修改<hr>與文本的上下距離