» 首頁 » 討論區 » PHP與網頁技術 »CSS的Border

CSS的Border

發表人: Seachaos
積分: 2432
發表時間: 2010-02-06 14:01:31
CSS中有個屬性是border,他的用途就是對元素產生邊框
border是有上下左右的屬性,分別是

<style>
/* 左邊框*/
border-left:#CCC 1px solid;
/* 上邊框*/
border-top:#CCC 1px solid;
/* 右邊框*/
border-right:#CCC 1px solid;
/* 下邊框*/
border-bottom:#CCC 1px solid;
/* 或是採用全部相同的設定 */
border:#CCC 1px solid;
</style>

border的CSS標準設定屬性是:顏色 框線粗細 框線樣式
例如以下

border:#F00 3px solid
(紅色 3px 線條)


border:#00F 3px double
(藍色 3px 雙線)


以下是常用的線條屬性

solid > 單線



double > 雙線



dashed > 虛線



dotted > 點線



outset > 浮出邊框



inset > 凹陷邊框



ridge > 凸線



groove > 凹線
發表人: 訪客
發表時間: 2010-02-06 20:06:51
爛IE只支援幾種樣式而己