課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
在使用<hr />標(biāo)簽的過程中,我發(fā)現(xiàn)使用<hr />后顯示出來的下劃線會自帶一些上下距離,但是在書寫網(wǎng)頁的過程中,一個模塊與分隔線之間或者一段文字與分隔線之間的距離往往會有有像素要求,我怎么能夠定義這個分隔線與上面一個模塊或者一行文字的距離呢?求大神解答,感激不盡!
2016-03-15
源自:初識HTML(5)+CSS(3)-升級版 3-3
正在回答
在css文件中書寫
hr{
margin:0;
}
Leibniz233 提問者
第一種:
<hr?style="?height:2px;border:none;border-top:2px dotted #185598;" />
height:2px;是hr的高度
border:none;是沒有邊框
border-top:2px dotted #185598;是設(shè)置橫線的樣式
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;" />
margin外邊距 還可以設(shè)置行高
用css可以修改文本與<hr/>的距離,使用margin(外邊距)可以實(shí)現(xiàn)
用CSS可以修改<hr>與文本的上下距離
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
9 回答<hr>加css樣式
2 回答怎么給hr設(shè)置樣式?
5 回答關(guān)于<hr />樣式問題
2 回答<hr><hr/><hr />同樣都是一條分割線
1 回答<hr>和<hr/>
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
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;是設(shè)置橫線的樣式
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外邊距 還可以設(shè)置行高
2016-03-15
用css可以修改文本與<hr/>的距離,使用margin(外邊距)可以實(shí)現(xiàn)
2016-03-15
用CSS可以修改<hr>與文本的上下距離