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)

Leave a Reply