border邊框的用法與樣式
作者：佚名 時間：2014-03-18 分享到：
bordr屬性
元素的邊框有顏色、厚度和樣式等元素�？梢允褂貌煌膶傩詠砜刂圃厮拿婷總�邊框的這些方面。如果需要，使用簡寫屬性可以很容易地給所有邊框定義相同的顏色、厚度和樣式。邊框屬性不能繼承，必須為每個有邊框的元素都設置這些屬性 border-bolor屬性
使用border-color屬性可設置邊框的顏色。如果沒有指定，瀏覽器會用元素的color屬性值來繪制邊框。
bordr-color屬性接受1~4種顏色值。屬性值的數量決定了它們如何被應用到邊框。如果只包括一個屬性值，邊框的所有四面都將設置為指定顏色。
兩個值則設置上下框為第一值，左右邊框為第二值。在三個值中，第一個值是上邊框，第二個是左右邊框，第三個顏色值是下邊框。四個值則指定了每一面的顏色，按上、右、下、左邊框的順時針順序。 border-width屬性
border-width屬性允許改變邊框的寬度。和border-color屬性一樣，它接受1~4個值，分別應用到不同的邊框上。
除指定長度值外，還可以將邊框寬度指定為以下關鍵字之一：thin、medium或thick。如果寬度沒有特別設定，默認值是medium。一些典型的邊框寬度是：
border:1px
border:thin thick medium
border:thick 2mm
第一個示例設置所有四個邊框為1個像素。第二個示例高定上邊框為處thin，左右邊框為thick，下邊框邊medium。最后一個示例設置上下邊框為thick，而左右邊框是2毫米寬。
如果不想一個屬性定義所有四個邊框，可以分別使用bordr-top-width、border-bottom-width、border-left-width和border-right-width屬性來定義每個邊框的寬度。每個屬性只能接受一個值，其默認值是mediu border-style屬性
根據css模型，可以為HTML邊框應用很多修飾。
border-style屬性性值包括none(默認)、dotted、dashed、solid、double、groove/ridge/inset和outset。能識別邊框樣式的瀏覽器可以把1~4屬性值應用到每個邊框上。
瀏覽器在標簽背景上繪制直線來表示dotted、dashed、solid和double邊框。groove、rideg、inset和outset值則能創建三維邊框：groove是一條四進線，ridge是一條凸出線，inset邊框可使整個標簽區域陷入文檔中，而outset邊框則使整個標簽區域凸出于文檔。標簽背景圖像的最后四個樣式，就是三維特性的效果沒有定義，其效果取決于瀏覽器。現在的瀏覽器都支持三維效果。
