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

CSS邊框

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

CSS邊框屬性允許你規定元素邊框的樣式和顏色。在HTML中，我們使用表格來創建文本周圍的邊框，但是通過使用CSS邊框屬性，我們可以創建出效果出色的邊框，并且可以應用于任何元素。

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

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

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

邊框寬度默認為medium，這個值沒有明確定義，不過通常是2個像素。盡管如此，你不一定能看到邊框，原因是CSS邊框的默認值為none，這樣一來，就不會有邊框了。如果邊框沒有樣式，就不會存在。

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

CSS邊框與背景

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

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

文章出處：標準之路(http://www.aa25.cn/css2/border617.shtml)

【編輯推薦】

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