在CSS中,<hr>
標(biāo)簽是用來(lái)創(chuàng)建水平分割線的。它是一個(gè)可自閉合的標(biāo)簽。
與其他HTML元素一樣,分隔線元素也可以通過(guò)CSS樣式進(jìn)行定制。下面是一些可能用于自定義分隔線的CSS樣式:
/* 將分隔線顏色設(shè)置為紅色 */ hr { color: red; } /* 將分隔線厚度設(shè)置為5像素 */ hr { height: 5px; } /* 在分隔線之前添加文本"Section Break" */ hr:before { content: "Section Break"; } /* 將分隔線樣式設(shè)置為點(diǎn)線 */ hr { border-style: dotted; } /* 將分隔線樣式設(shè)置為虛線 */ hr { border-style: dashed; } /* 使分隔線透明 */ hr { opacity: 0.5; } /* 將分隔線位置設(shè)置為右邊 */ hr { float: right; }
以上是對(duì)<hr>
元素的一些自定義方法,你可以用你喜歡的任何樣式來(lái)設(shè)置你的分隔線元素。同時(shí),我們也可以使用偽元素來(lái)為分隔線添加附加內(nèi)容,格式如下:
hr:before { content: "前置內(nèi)容"; } hr:after { content: "后置內(nèi)容"; }
如此,我們就可以為<hr>
元素添加任意的附加文字了。祝你在設(shè)計(jì)分隔線時(shí)能夠得到滿意的效果。