HTML中的hr標(biāo)簽是用來(lái)畫(huà)水平分割線的。雖然hr標(biāo)簽是一個(gè)單標(biāo)簽,沒(méi)有結(jié)束標(biāo)簽,但是我們可以使用css樣式來(lái)控制其大小和樣式。
使用css樣式控制hr的大小和樣式
我們可以使用以下css樣式來(lái)控制hr的大小和樣式:
1. 使用border-style屬性來(lái)設(shè)置hr的樣式:
p.hr { border-style: solid; }2. 使用border-color屬性來(lái)設(shè)置hr的顏色:
p.hr { border-style: solid; border-color: #000000; }3. 使用border-width屬性來(lái)設(shè)置hr的寬度:
p.hr { border-style: solid; border-color: #000000; border-width: 1px; }4. 使用height屬性來(lái)設(shè)置hr的高度:
p.hr { border-style: solid; border-color: #000000; border-width: 1px; height: 10px; }5. 使用margin和padding屬性來(lái)調(diào)整hr的距離:
p.hr { border-style: solid; border-color: #000000; border-width: 1px; height: 10px; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; }在上面的代碼中,p.hr表示在p標(biāo)簽中使用一個(gè)類(lèi)名為hr的樣式來(lái)控制hr的大小和樣式。你可以在自己的html文件中引用這些樣式,并根據(jù)需要修改它們的參數(shù)值來(lái)實(shí)現(xiàn)你想要的效果。
上一篇list.vue
下一篇atom json包