設定邊框樣式
Tag: border-style
設定值:實線 solid 、虛線 dashed 、雙線 double)、點線 dotted 、凹線 groove 、凸線 ridge 、嵌入線 inset 和浮出線 outset。範例:
table { border-style:solid; } /* 表格框線為實線 */
設定邊框厚度
Tag: border-width
設定值:薄 thin 、中等 medium 、厚 thick 或數字。範例:
table {
border-width:medium; /* 表格邊框為中等寬度 */
border-style:solid; /* 表格框線為實線 */
}
設定邊框顏色
Tag: border-color
範例:
table {
border-color:#ff0000; /* 表格框線為紅色 */
border-style:solid; /* 表格框線為實線 */
}
四邊共同的屬性設定
Tag: border
範例:
table { border:#0000ff 5px solid; } /* 表格邊框為藍色、寬度5px、實線 */
特定邊框屬性設定
Tag: 上 border-top- 、左 border-left- 、下 border-bottom- 、右 border-right-
範例:
table {
border-top-style:dashed; /* 上邊框為虛線 */
border-right-color:#00ff00; /* 右邊框為綠色 */
}