css border(邊框)屬性

border: 寬度 樣式 顏色;
border主要要設定的屬性就是寬度、樣式、顏色,如果是照上面一行的寫法就會是四邊向的邊框都一樣,當然也可以分開寫。
border-width (邊框寬度)
border-style (邊框樣式)
border-color (邊框顏色)

border-style (邊框樣式):
dotted – 點狀線
dashed – 虛線
solid – 實線
double – 雙線(要3px以上才看得出效果)
groove – 下凹線
ridge – 凸起線
inset – 下凹框
outset – 凸起框
none – 沒有
hidden – 隱藏
border的四邊向屬性:
當然border-width、border-style、border-color都可以依照四邊向的寫法,就可以省掉很多行語法了~
border-width: 5px 10px;
上下5px,左右10px
border-style: solid dotted;
上下實線,左右虛線
border-color: #foo #eee;
上下紅色,左右灰色

css padding (內距)、margin (外距)、border (邊框) 四邊向屬性值 (CSS padding, margin, border four direction values)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *