亚洲成av人片在线观看无码t

四列表格代碼

文字

代碼如下：

<tbody>

<tr>

</td>

</td>

</td>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

</tbody>

</table>

表格邊框代碼應用

一、單列表格：

代碼：

<TABLE borderColor=#33ccff cellSpacing=5 cellPadding=10

width=600 align=center border=3><TBODY>

</TBODY></TABLE>

效果：

文字

二、雙列表格：

代碼：

<TABLE borderColor=#33ccff cellSpacing=5 cellPadding=10

width=600 align=center border=3><TBODY>

<TD>

<TD>

</TBODY></TABLE>

效果：

文字

三、四列表格：

代碼：

<TABLE borderColor=#33ccff cellSpacing=5 cellPadding=10

width=600 align=center border=3><TBODY>

<TD>

<TD>

<TD>

<TD>

<TD>

<TD>

</TBODY></TABLE>

效果：

文字

四、首行合并，以下兩列：

代碼：

<TABLE borderColor=#33ccff cellSpacing=5 cellPadding=10

width=600 align=center border=3><TBODY>

<TD>

</TBODY></TABLE>

效果：

文字

五、首行合并，以下三列：

代碼：

<TABLE borderColor=#33ccff cellSpacing=5 cellPadding=10

width=600 align=center border=3><TBODY>

<TD>

<TD>

</TBODY></TABLE>

效果：

文字

五、表格的框線(xiàn)設置：

1、設定表格框線(xiàn)的粗細，只需將屬性“border”的數值設置成自己滿(mǎn)意即可，如將1改成5：

代碼：

</TABLE>

效果：

表格內容

2、表格框線(xiàn)顏色的設定，只需將屬性“borderColor”的顏色碼設置成自己滿(mǎn)意即可：

代碼：

</TABLE>

效果：

表格內容

3、設定表格的陰影、亮面顏色，可以使表格的邊框更富立體感，只需將屬性“borderColorLight”的顏色碼（亮面）和“ borderColorDark”的顏色碼（暗面）選定即可：

代碼：

<TABLE borderColorDark=#004B97

borderColorLight=#62B0FF border=5>

</TABLE>

效果：

表格內容

六、表格欄距設置：

1、利用“cellpadding”屬性設定表格內容與格線(xiàn)之間的距離，其默認值為2，以自己滿(mǎn)意即可：

代碼：

</TABLE>

效果：

表格內容表格內容

2、利用“cellspacing”屬性設定表格欄位格線(xiàn)之間的距離。其默認值為2，以自己滿(mǎn)意即可：

代碼：

</TABLE>

效果：

表格內容表格內容

附：表格常用屬性

1、<TABLE></TABLE>：定義表格的元素。分別作起、始標識符，網(wǎng)頁(yè)中有幾張表格，就有幾對此元素。

2、<TR></TR>：定義表格中“行”的元素。在表格中有幾對此元素就表示當前表格中有幾行。

3、<TD></TD>：表示一行中單元格的元素。一行中有幾對此元素，就有幾個(gè)單元格。

4、border：表格外框線(xiàn)寬度，屬性值為數字。如border=5，表示表格邊框的粗細為5個(gè)像素（默認值為1），為0表示沒(méi)有邊框。

5、borderColor：表格的邊框線(xiàn)顏色，屬性值為各種顏色代碼（當border值不為0時(shí)設置此值有效）。如 borderColor=#0080FF，表示表格邊框線(xiàn)的顏色為藍色（默認值為白色）。

6、bordercolorlight：亮邊框（表格的左邊和上邊框）顏色，屬性值為各種顏色代碼（當border值不為0時(shí)設置此值有效）。

7、bordercolordark：暗邊框（表格的右邊和下邊框）顏色，屬性值為各種顏色代碼（當border值不為0時(shí)設置此值有效）。

8、bgcolor：表格的背景顏色，屬性值為各種顏色代碼。

如 bgcolor=#FF0000，表示表格背景色為紅色（默認值為無(wú)色）。

9、background：表格的背景圖案，屬性值為有效的圖片地址。

10、cellpadding：表示單元格內容與單元格邊框之間的距離，屬性值為數字。

11、cellspacing：表示表格中各單元格的間距，屬性值為數字。當表格只有一個(gè)單元格時(shí)，則表示該單元格與表格邊框的距離。

12、width：表格的寬度，屬性值為像素和百分比兩種。

13、height：表格的高度，取值方法同width。

14、align：表格的對齊方式，屬性值為left（左對齊，默認）、center（居中）以及right（右對齊）。

15、colspan：定義合并表格的列數，屬性值是數字。

16、rowspan：定義合并表格的行數，屬性值是數字。

17、<th>表頭</th> ：定義表頭，表頭內容置于<TH>和</TH>之間，顯示時(shí)呈粗體字形式。

18、<caption></caption> ：建立表格的標題，通過(guò)align屬性定義標題的位置，其屬性有四：即 top（在表格上方）、bottom（在表格下方）、left（在表格的左上方）、right（在表格的右上方）。

------------------------------------------------------------------------------------------------------------------------

表格邊框

普表

通格

這是一普通的表格 <table border="1" width="200" cellpadding="0" cellspacing="0"> <tr align="center"> <td>普</td> <td>表</td> </tr> <tr align="center"> <td>通</td> <td>格</td> </tr> </table>

細表

線(xiàn) 格

表格加上了漂亮的細線(xiàn)

(利用cellspacing1像素間隙和表格與單元格背景的不同) <table border="0" width="200" cellspacing="1" cellpadding="0" bgcolor="#000000" > <tr align="center" bgcolor="#FFFFFF"> <td bgcolor="#FFFFFF">細</td> <td bgcolor="#FFFFFF">表</td> </tr> <tr align="center" bgcolor="#FFFFFF"> <td bgcolor="#FFFFFF">線(xiàn)</td> <td bgcolor="#FFFFFF">格</td> </tr> </table>

細表

線(xiàn) 格

這和上面那個(gè)可不一樣，它用的是CSS，效果卻一樣。

(對單元格border的定義) <table width="200" cellspacing="0" cellpadding="0"> <tr align="center"> <td style="BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove">細</td> <td style="BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove">表</td> </tr> <tr align="center"> <td style="BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove">線(xiàn)</td> <td style="BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove">格</td> </tr> </table>

細表

線(xiàn) 格

再進(jìn)一步，把邊框變成虛線(xiàn)，同樣是CSS的神奇作用。 <table width="200" cellspacing="0" cellpadding="0"> <tr align="center"> <td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">細</td> <td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">表</td> </tr> <td style="BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">線(xiàn)</td> <td style="BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">格</td> </tr> </table>

細線(xiàn)表格的擴展應用，奧妙就是在第個(gè)單元格中再套入一個(gè)表格。 <table width="200" border="0" cellspacing="2" cellpadding="0"> <tr> <td> <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> </td> </tr> </table> </td> <td> <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> </td> </tr> </table> </td> </tr> <tr> <td> <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> </td> </tr> </table> </td> <td> <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> </td> </tr> </table> </td> </tr> </table>

立表

體格

立體感的表格

(簡(jiǎn)單的亮暗邊框設置，注意只有IE支持這種效果) <table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="200" cellpadding="0" cellspacing="0"> <tr align="center"> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >立</td> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >表</td> </tr> <tr align="center"> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >體</td> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >格</td> </tr> </table>

無(wú)名表格

給表格加上一個(gè)表頭

(應用<fieldset>和</legend>標簽) <table width="200" cellpadding="0" cellspacing="0"> <tr> <td><fieldset style="width:200" align="center"> <legend> 無(wú)名表格 </legend> <p align="right"> </fieldset></td> </tr> </table>

表中表效果Ⅰ

給表頭再加個(gè)框

(用CSS為<legnd>定義一個(gè)邊框) <table width="200"" cellspacing="0" cellpadding="0"> <tr> <td> <fieldset style="width: 200; color: #B7B7B7; border-style: groove" align="center"> <legend style="color: blue; border: 1 solid #000000"> 表中表效果Ⅰ</legend> <br> </fieldset> </td> </tr> </table>

表中表效果Ⅱ

看起來(lái)和上面的一樣，可是這個(gè)才是真正的表中表哦。

(在<legnd>中插入一個(gè)表格) <table width="200"> <tr> <td><fieldset style="width:200" align="center"> <legend> <table style="border: 1 solid #000000" width="80" cellspacing="1" cellpadding="0" height="20"> <tr> <td><font color=blue>表中表效果Ⅱ</font></td> </tr> </table> </legend><br> </fieldset> </td> </tr> </table>

----------------------------------------

一個(gè)1×3即一行三列的表格。

代碼：

<tbody>

<tr>

</tr>

</tbody>

</table>

效果：（1×3表格）

單元格一（即列1）單元格二（即列2）單元格三（即列3）

在上述示例里，只有一組<tr>，故而表格只有一行，<tr>...</tr>里有三組td，因此，表格有三列，這就是所謂的1×3表格?，F在我們把代碼擴展一下，即增加一組tr，請看代碼和效果：

代碼：

<tbody>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

效果：（2×3表格）

單元格一（即列1）單元格二（即列2）單元格三（即列3）

單元格四（即列4）單元格五（即列5）單元格六（即列6）

多單元格表格里一個(gè)有趣的問(wèn)題是單元格合并，其概念與Excel的合并單元格是一致的，只是實(shí)現方法不同。在HTML代碼里，我們用colspan屬性合并左右單元格，記作：colspan=數值，“數值”即為需要合并的單元格總數；而rowspan屬性則合并上下單元格，記作：rowspan=數值。

讓我們用上面的第二組示例表格來(lái)加工一下。先看合并左右的單元格——

代碼：

<tbody>

<tr>

<td align=center colspan=2>1，2單元格合并了</td>

</tr>

<tr>

</tr>

</tbody>

</table>

效果：

1，2單元格合并了 3

4 5 6

下面是表格的上下單元格合并——

代碼：

<tbody>

<tr>

<td align=center rowspan=2>1,4單元格合并了</td>

</tr>

<tr>

</tr>

</tbody>

</table>

效果：

1,4單元格合并了 2 3

5 6

通過(guò)HTML代碼實(shí)現單元格的合并略顯抽象一些，你可以研究本示例代碼和第二組代碼（2×3表格）的區別并比較兩組表格的樣式來(lái)慢慢領(lǐng)會(huì )，要完全掌握這一技術(shù)，你還需要親自做些嘗試。最后順便提一下：有些論壇可能不支持表格單元格的合并。

立體表格

</tr>

<td>cnbruce</td>

</tr>

</table>

表格邊線(xiàn)為1，間隔為0，左上為#333333，右下為#efefef,行背景色為#cccccc

兩種細線(xiàn)表格做法

</tr>

</table>

<p>

<tr>

<td bgcolor="#FFFFFF">表格邊線(xiàn)為0，間距為1，背景色為黑，行背景色為白。</td>

</tr>

</table>

文章來(lái)源；http://www.csrcode.cn/

http://czh15031742384llz.blog.163.com/blog/static/1718568472010927537731/

本站僅提供存儲服務(wù)，所有內容均由用戶(hù)發(fā)布，如發(fā)現有害或侵權內容，請點(diǎn)擊舉報。

欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久