元素外邊距內就是元素的邊框(border)。元素的邊框就是圍繞元素內容和內邊距的一條或多條線。因此,元素的背景會在外邊框邊界處停止,因為背景不會延伸到外邊距以內,而邊框就在外邊距內部。
網頁設計每個邊框都有3個方面:其寬度或粗細、其樣式或外現,以及其顏色。邊框寬度的默認值為medium,這個值沒有明確定義,不過通常是2個像素。盡管如此,你不一定能看到邊框,原因是邊框的默認樣式為none,這樣一來,就不會有邊框了。如果一個邊框沒有樣式,它就不必存在(不存在邊框還會重置width值,不過稍后再討論這個問題)。
最后,網頁設計里默認的邊框顏色是元素本身的前景色。如果沒有為邊框聲明顏色,它將與元素的文本顏色相同。另一方面,如果一個元素沒有任何文本,假設它有一個表,其中只包含圖像,那么該表的邊框顏色就是其父元素的文本顏色(因為color可以繼承)。這個父元素很可能是body、div或另一個table。因此,如果一個table有邊框,而且其父元素是body,給定以下規則:
body {color:purple;}
默認地,網站建設上table外圍的邊框將是紫色(假設用戶代理沒有為表設置顏色)。當然,要讓邊框顯示,必須先做一點工作。
當前文章標題:網頁設計中的邊框
當前URL:http://www.ccaudelo.com/news/wzzz/border.html
上一篇:網頁設計中的外邊距歷史問題
下一篇:網頁設計中的邊框背景