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’,有興趣的可以逐個試試效果。