css與css3對比

原始css：

border屬性

border-color:邊框顏色

border-width:邊框寬度

border-style:邊框樣式

none : 　無邊框。與任何指定的border-width值無關
hidden : 　隱藏邊框。IE不支援
dotted : 　在MAC平台上IE4+與WINDOWS和UNIX平台上IE5.5+為點線。否則為實線（常用）
dashed : 　在MAC平台上IE4+與WINDOWS和UNIX平台上IE5.5+為虛線。否則為實線（常用）
solid : 　實線邊框（常用）
double : 　雙線邊框。兩條單線與其間隔的和等於指定的border-width值
groove : 　根據border-color的值畫3D凹槽
ridge : 　根據border-color的值畫菱形邊框
inset : 　根據border-color的值畫3D凹邊
outset : 　根據border-color的值畫3D凸邊

css3

border邊框屬性：

border-radius：圓角

div

{

border:2px solid;

border-radius:25px;

-moz-border-radius:25px; /* Old Firefox */

}

box-shadow：邊框陰影

例如：

div

{

box-shadow: 10px 10px 5px #888888;

}

border-images:邊框映像

border-image-soure

border-image-slice

border-image-width

border-image-outset

border-image-repeat