當省略了部分簡寫屬性值的時候，缺失的部分就會使用該屬性的預設值。
2.如何使用顏色控制邊框外觀？
我們知道在css中邊框的使用是非常重要的，我們這裡就介紹一下css的邊框屬性( border)如何使用。邊框是圍繞在內容和內邊距之間的一條或多條線。內容的內邊距和外間距之間的間隙是留給邊框的，css可以用邊框屬性來定義它的樣 式、顏色和寬度等。 在html中人們用**來製作文字周圍的邊框，但通過css來設定邊框將有更出色的效果，而且可以應用於所有的元素。
邊框分為上邊框、右邊框、下邊框、左邊框。
每個邊框有3個方面：樣式（或外觀）、顏色、以及其寬度（粗細），下面我們分別重點解釋這三項。
設定元素所有邊框的樣式，或者單獨地為各邊設定邊框樣式。它有10個屬性值，分別是：
其中groove、ridge、inset、outset有些像3d效果，它的效果受border-color的影響。
border-style作用在四個方向時所用的方法和前面曾講過的padding屬性的書寫方法相同，如果它書寫四個引數值，將按照上-右-下-左的順序定義邊框。如果只設定乙個，將用於四個邊框統一設定。如果設定兩個值，第乙個作用於上下，第二個則作用與左右。如果設定三個值，第乙個作用於上邊框，第二個作用於左右邊框，第三個作用於下邊框。
這個屬性用來定義所有邊框顏色，或者為四個邊分別設定顏色。它可以取顏色的值或被設定為透明（transparent）。示例：
.colorful
border-color屬性值的個數與其所對應方向的邊框效果的設定方法和border-style的設定方法相同，可參照border-style屬性學習理解。
需要注意的是在border-color前最好先設定border-style，否則border-color可能會不顯示。
border-width可定義四個邊框的寬度，即邊框的粗細程度，它有四個可選屬性值：
border-width屬性值設定的個數與所對應方向產生的效果和border-style、border-color的設定方法相同，可參照border-style、border-color屬性學習理解。
border是乙個綜合性寫法，它設定的是四個邊框的寬度、樣式和顏色，不能對某乙個邊框單獨設定。它的格式：
border: border-width border-style border-color;
示例：
.bk01
除了以上介紹的幾種屬性，還有幾種屬性可以單獨定義各方向的邊框。下面對它們進行分類介紹。
設定上邊框屬性：
border-top，它的設定格式和border相同，依次設定寬度、樣式、顏色：
border-top: border-width border-style border-color;
border- top是將寬度、樣式、顏色三種屬性值放在一起設定的屬性，如果要單獨設定其中的任意一項也可以使用以下屬性：border-top-width（單獨設 置上邊框寬度）、border-style（單獨設定上邊框樣式）、border-color（單獨設定上邊框顏色）。
示例：
#sbk01
/*設定上邊框為寬度1畫素的紅色虛線*/}
以上的效果如果用border-top來設定的話更簡單一些，**如下：
#sbk01
設定右邊框屬性：border-right，border-right-width，border-right-style，border-right-color，設定方法同border-top。
設定下邊框屬性：border-bottom，border-bottom-width，border-bottom-style，border-bottom-color，設定方法同border-top。
設定左邊框屬性：border-left，border-left-width，border-left-style，border-left-color，設定方法同border-top。
試讀《精彩絕倫的CSS2》
css 層疊樣式表 c ascading s tyle s heets 我認為說白了就是衣服！可以用來給html 換服裝用的！可以巢狀在 html 中！css已經發展得非常成功了，甚至像html一樣成功！儘管有時候它的確令人難以掌控。現 在無論是在瀏覽器還是應用商店，甚至聊天客戶端，css都無處不在...
《精彩絕倫的CSS》 提示（一）屬性值排序
一 屬性值排序 大多數允許使用多個關鍵字的css屬性都允許以任何順序書寫關鍵字，但是一些屬性要求以特定順序進行書寫，比如下面這幾個 1 調整字型值的順序 font 在定義字型屬性時必須同時包含字型大小 font size 和字型族 font family 並且按照既定的順序進行書寫，如果順序顛倒或者...
《精彩絕倫的CSS》 提示（三）讓元素「消失」
三 讓元素消失 1 抑制元素的顯示 display none hide 應用了hide類的元素，就像不存在一樣，不會對布局有任何影響。然而這樣子做會有兩個陷阱，乙個潛在的，乙個固有的。潛在的就是，如果通過js將display設為none那麼想復原時該怎麼做，因為原顯示值可能是inline或者bloc...