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