<TABLE cellSpacing=邊框?qū)挾?width="網(wǎng)頁(yè)寬度" background=第一層邊框圖片網(wǎng)址>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=1 borderColorDark=#0d1737 cellPadding=邊框?qū)挾?width="網(wǎng)頁(yè)寬度" borderColorLight=#24387a background=第二層邊框圖片網(wǎng)址 border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=邊框?qū)挾?width="網(wǎng)頁(yè)寬度"background=第三層邊框圖片網(wǎng)址>
<TBODY>
<TR>
<TD>
<TABLE width="網(wǎng)頁(yè)寬度" background=背景圖片網(wǎng)址 border=0>
<TBODY>
<TR>
<TD>
說(shuō)明:
<table>:表格的起始符。任意一個(gè)表格的開(kāi)始都必須以它開(kāi)頭,且必須有終止符</table>。
cellspacing:?jiǎn)卧耖g距。當(dāng)一個(gè)表格有多個(gè)單元格時(shí),各單元格的距離就是cellspacing了,如若表格只有一個(gè)單元格,那么,這個(gè)單元格與表格上、下、左、右邊邊框的距離也是cellspacing。
width:表格的寬度。取值從0開(kāi)始,默認(rèn)以像素為單位,與顯示器的分辨率的像素是一致的。800×600的顯示分辨率下,如果表格設(shè)置成1000個(gè)像素的寬度,那么,得出的效果將導(dǎo)致IE的橫向滾動(dòng)條出現(xiàn),只有通過(guò)滑動(dòng)它才能看到表格最右邊的內(nèi)容,所以建議在設(shè)置表格的寬度時(shí)充分考慮顯示分辨率問(wèn)題。width的取值還可以使用百分比,如widht="100%",這種賦值法有個(gè)好處:表格的寬度將根據(jù)可顯示的寬度來(lái)自我調(diào)整寬度。
background:表格的背景圖。其值為一個(gè)有效的圖片地址。<td>也有此屬性。同時(shí)設(shè)置背景色和背景圖不沖突,也建議這么做,這樣,當(dāng)圖片不能顯示時(shí),表格的外觀依然是好看的。
<tbody>:表體的起始符。緊跟在<table>之后,表示表體開(kāi)始。必須有結(jié)尾符,放在</table>之前。在純網(wǎng)頁(yè)中可以不要tbody元素,但在論壇一定要使用,否則,當(dāng)帖子用到較多的表格時(shí),論壇的自動(dòng)填充功能將可能會(huì)導(dǎo)致代碼出錯(cuò)。
<tr>:tr的作用是規(guī)定表格的行,其中,t是table,r是row(行)。有多少組tr,這張表格就有多少行。<tr>緊跟在<tbody>之后。必須有終止符</tr>。
<td>:td的作用是規(guī)定表格的列,t是table,d可理解為down(向下)。有多少組td,這張表格就有多少列。第一個(gè)<td>緊跟在<tr>之后。終止符為</td>。td與tr配合構(gòu)成單元格。
以上就第一層邊框的基本要素,現(xiàn)在我們?cè)诳纯吹诙舆吙颍?div style="height:15px;">
<TABLE cellSpacing=0 borderColorDark=#0d1737 cellPadding=邊框?qū)挾?width="網(wǎng)頁(yè)寬度" borderColorLight=#24387a background=第二層邊框圖片網(wǎng)址 border=1>
<TBODY>
<TR>
<TD>
其它的全和第一層一樣,但多了這二組:
1:cellSpacing=1 borderColorDark=#0d1737 為暗邊框,邊框?qū)挾葹?象素,顏色為0d1737
2: cellpadding:?jiǎn)卧褚r距。指該單元格里的內(nèi)容與cellspacing區(qū)域的距離,如果cellspacing為0,則表示單元格里的內(nèi)容與表格周邊邊框的距離。
3:borderColorLight=#24387a 為亮邊框,顏色為0d1737
第三層邊框和第一層一樣,現(xiàn)在我們來(lái)看最后一層邊框也就是背景。
<TABLE width="網(wǎng)頁(yè)寬度" background=背景圖片網(wǎng)址 border=0>
<TBODY>
<TR>
<TD>
它只有背景的寬度width="網(wǎng)頁(yè)寬度",背景展示的網(wǎng)址:background=背景圖片網(wǎng)址,還多了一個(gè)border=0它是什么意思呢?
border:此屬性定義表格的邊框。比如,border=1,表示表格邊框的粗細(xì)為1個(gè)像素(默認(rèn)值),為0表示沒(méi)有邊框。
以上就是邊框的基本結(jié)構(gòu),現(xiàn)在我們來(lái)看一個(gè)實(shí)例:看看它的效果:
例:
<TABLE cellSpacing=38 width="100%" background=http://wz.2000y.net/uploadpic/2005043018225680611.jpg>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#0d1737 cellPadding=12 width="100%" borderColorLight=#24387a background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/075.files/fdoluz2.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=5 width="100%" background=http://bbs.xxjy.net/UploadFile/2004-11/20041127135238480.jpg>
<TBODY>
<TR>
<TD>
<TABLE width="100%" background=http://image11.360doc.com/DownloadImg/2010/05/2618/3339680_1.jpg border=0>
<TBODY>
<TR>
<TD>
套裝邊框素材
加入文字
加入文字
加入文字
加入文字
加入文字
加入文字
加入文字
加入文字
加入文字
加入文字
加入文字
加入文字
加入文字
加入文字
加入文字
加入文字
入文字
加入文字
加入文字
加入文字
加入文字
加入文字
加入文字