你對CSS邊框的使用是否比較熟悉，這里和大家分享一下CSS邊框的寬度、樣式和顏色以及背景，CSS邊框元素外邊距內(nèi)就是元素的的邊框(border)。元素的邊框就是圍繞元素內(nèi)容和內(nèi)邊據(jù)的一條或多條線。

CSS邊框

CSS邊框(border)屬性定義圍繞元素的邊框。

CSS邊框?qū)傩栽试S你規(guī)定元素邊框的樣式和顏色。在HTML中，我們使用表格來創(chuàng)建文本周圍的邊框，但是通過使用CSS邊框?qū)傩?，我們可以?chuàng)建出效果出色的邊框，并且可以應(yīng)用于任何元素。

CSS邊框元素外邊距內(nèi)就是元素的的邊框(border)。元素的邊框就是圍繞元素內(nèi)容和內(nèi)邊據(jù)的一條或多條線。

CSS邊框的寬度、樣式和顏色

每個邊框有3個方面：其寬度或粗細(xì)、其樣式或外觀，以及其顏色。

邊框?qū)挾饶J(rèn)為medium，這個值沒有明確定義，不過通常是2個像素。盡管如此，你不一定能看到邊框，原因是CSS邊框的默認(rèn)值為none，這樣一來，就不會有邊框了。如果邊框沒有樣式，就不會存在。

默認(rèn)的邊框顏色是元素本身的前景色。如果沒有為邊框聲明顏色，它將與元素的文本顏色相同。另一方面，如果一個元素沒有任何文本，那么該元素將繼承其父元素的文本顏色。

CSS邊框與背景

CSS規(guī)范指出，邊框繪制在“元素的背景之上”。這很重要，因為有些邊框是“間斷的”（例如，點線邊框或虛線框），元素的背景應(yīng)當(dāng)出現(xiàn)在邊框的可見部分之間。

CSS2指出背景只延伸到內(nèi)邊距，而不是邊框。后來CSS2.1進行了更正：元素的背景是內(nèi)容、內(nèi)邊距和邊框區(qū)的背景。大多數(shù)瀏覽器都遵循CSS2.1定義，不過一些較老的瀏覽器可能會有不同的表現(xiàn)。

文章出處：標(biāo)準(zhǔn)之路(http://www.aa25.cn/css2/border617.shtml)

【編輯推薦】

1. 解析CSS邊框中寬度、樣式和顏色參數(shù)設(shè)定
2. CSS樣式表特點及嵌入網(wǎng)頁的四種途徑
3. 三種方法實現(xiàn)CSS樣式表插入
4. CSS外邊距設(shè)置屬性margin用法
5. 探究CSS高級語法中選擇器分組和CSS繼承用法