表格邊框代碼應(yīng)用(三)
五、表格的框線設(shè)置:
1、設(shè)定表格框線的粗細(xì),只需將屬性“border”的數(shù)值設(shè)置成自己滿意即可,如將1改成5:
代碼:
<TABLE border=5>
<TR><TD>表格內(nèi)容</TD></TR>
</TABLE>
效果:
表格內(nèi)容 |
2、表格框線顏色的設(shè)定,只需將屬性“borderColor”的顏色碼設(shè)置成自己滿意即可:
代碼:
<TABLE borderColor=#0080FF border=5>
<TR><TD>表格內(nèi)容</TD></TR>
</TABLE>
效果:
表格內(nèi)容 |
3、設(shè)定表格的陰影、亮面顏色,可以使表格的邊框更富立體感,只需將屬性“borderColorLight”的顏色碼(亮面)和“ borderColorDark”的顏色碼(暗面)選定即可:
代碼:
<TABLE borderColorDark=#004B97
borderColorLight=#62B0FF border=5>
<TR><TD>表格內(nèi)容</TD></TR>
</TABLE>
效果:
表格內(nèi)容 |
六、表格欄距設(shè)置:
1、利用“cellpadding”屬性設(shè)定表格內(nèi)容與格線之間的距離,其默認(rèn)值為2,以自己滿意即可:
代碼:
<TABLE cellpadding=5 border=1>
<TR><TD>表格內(nèi)容</TD><TD>表格內(nèi)容</TD></TR>
</TABLE>
效果:
表格內(nèi)容 | 表格內(nèi)容 |
代碼:
<TABLE cellspacing=5 border=1>
<TR><TD>表格內(nèi)容</TD><TD>表格內(nèi)容</TD></TR>
</TABLE>
效果:
表格內(nèi)容 | 表格內(nèi)容 |
附:表格常用屬性
1、<TABLE></TABLE>:定義表格的元素。分別作起、始標(biāo)識符,網(wǎng)頁中有幾張表格,就有幾對此元素。
2、<TR></TR>:定義表格中“行”的元素。在表格中有幾對此元素就表示當(dāng)前表格中有幾行。
3、<TD></TD>:表示一行中單元格的元素。一行中有幾對此元素,就有幾個單元格。
4、border:表格外框線寬度,屬性值為數(shù)字。如border=5,表示表格邊框的粗細(xì)為5個像素(默認(rèn)值為1),為0表示沒有邊框。
5、borderColor: 表格的邊框線顏色,屬性值為各種顏色代碼(當(dāng)border值不為0時設(shè)置此值有效)。如 borderColor=#0080FF,表示表格邊框線的顏色為藍(lán)色(默認(rèn)值為白色)。
6、bordercolorlight:亮邊框(表格的左邊和上邊框)顏色,屬性值為各種顏色代碼(當(dāng)border值不為0時設(shè)置此值有效)。
7、bordercolordark:暗邊框(表格的右邊和下邊框)顏色,屬性值為各種顏色代碼(當(dāng)border值不為0時設(shè)置此值有效)。
8、bgcolor:表格的背景顏色,屬性值為各種顏色代碼。
如 bgcolor=#FF0000,表示表格背景色為紅色(默認(rèn)值為無色)。
9、background:表格的背景圖案,屬性值為有效的圖片地址。
10、cellpadding:表示單元格內(nèi)容與單元格邊框之間的距離,屬性值為數(shù)字。
11、cellspacing:表示表格中各單元格的間距,屬性值為數(shù)字。當(dāng)表格只有一個單元格時,則表示該單元格與表格邊框的距離。
12、width:表格的寬度,屬性值為像素和百分比兩種。
13、height:表格的高度,取值方法同width。
14、align:表格的對齊方式,屬性值為left(左對齊,默認(rèn))、center(居中)以及right(右對齊)。
15、colspan:定義合并表格的列數(shù),屬性值是數(shù)字。
16、rowspan:定義合并表格的行數(shù),屬性值是數(shù)字。
17、<DIV align=center></DIV> :表格邊框在網(wǎng)頁內(nèi)置中。
18、<caption></caption> :建立表格的標(biāo)題,通過align屬性定義標(biāo)題的位置,其屬性有四:即 top(在表格上方)、bottom(在表格下方)、left(在表格的左上方)、right(在表格的右上方)。
2010博客技巧最新版>>> 博客素材2010年全新版 >>>
博客邊框2010年全新版 >>>首頁圖片裝飾模塊導(dǎo)航>>>