DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS規范:你真的了解盒模型嗎?(3)
CSS規范:你真的了解盒模型嗎?(3)
編輯:CSS詳解     

padding

padding是 'padding-top', 'padding-right', 'padding-bottom', 'padding-left'的縮寫。賦值的方法跟margin相同,只是沒有 ‘auto’ 值。默認值是0。

它可以應用到的元素

除display值是 ‘table-row-group’, ‘table-header-group’, ‘table-footer-group’, ‘table-row’, ‘table-column-group’ 和 ’table-column’ 的所有元素。

border

border是個比較復雜的東西。它是'border- top', 'border-right', 'border-bottom', 'border-left'。千萬別認為它跟前面的padding還有 margin一樣只是設置width就好了。

border包含3個部分,’border-width’,’border- color’,’border-style’,分別用來設置它的寬度,顏色和樣式。適用於任何元素。

border-width是 'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width'。默認值是0。可用值有‘thin’,‘medium’,‘thick’,以及常用的數值帶單位的寬度值。

border-color是'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color'的簡寫。默認值是 ‘color’ 特性的值。

border-style是'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style'的簡寫。默認值是 none 特性的值。可用值有:’none’,’hidden’,’dotted’,’dashed’,’solid’,’double’,’groove’,’ridge’,’inset’,’outset’,有興趣的可以逐個試試效果。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved