CSS的Border
發表人:
Seachaos
積分: 2432
積分: 2432
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 > 凹線
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 > 凹線
發表人:
訪客
爛IE只支援幾種樣式而己