CSS3是一種用于網(wǎng)頁(yè)排版的樣式表語(yǔ)言,并在其中包括了許多強(qiáng)大且實(shí)用的樣式屬性,如hr屬性。
hr屬性可以為網(wǎng)頁(yè)中的水平線條添加樣式。在CSS2中,我們只能改變線條的顏色和寬度,但在CSS3中,hr屬性提供了以下幾種屬性:
hr { border:10px solid orange; /*線條的顏色和寬度*/ border-radius:5px; /*線條的圓角*/ box-shadow: 1px 1px 1px 1px #888; /*細(xì)微立體感*/ }
border屬性可以為水平線條添加顏色和邊框?qū)挾龋籦order-radius屬性可以為線條添加圓角效果;box-shadow屬性可以為線條添加細(xì)微立體感,使其更加美觀。
此外,hr屬性還可以設(shè)置為dotted、dashed等樣式,讓水平線條變得更加豐富多彩。代碼如下:
hr { border-top:3px dotted green; height:0; /*取消默認(rèn)高度*/ }
當(dāng)然,如果我們想要為水平線條設(shè)置更多的屬性,還可以配合使用CSS3中的其他樣式屬性。
在實(shí)際開(kāi)發(fā)中,水平線條常常被用作網(wǎng)頁(yè)的分隔符,良好的樣式設(shè)置可以讓網(wǎng)頁(yè)看起來(lái)更加美觀、清晰。
下一篇css3 em px