學(xué)習(xí)表格設(shè)置做圖框
博客入門 2008-12-02 11:24:59 閱讀652 評(píng)論13 字號(hào)：大中小
表格設(shè)置是代碼貼圖和制作個(gè)人主頁(yè)的主要基礎(chǔ)，表格設(shè)置標(biāo)簽屬性內(nèi)容有十多個(gè)，可以先從7個(gè)常用的學(xué)起，逐步提高。先看用表格做成的 一張圖片，這張圖片寬300，高200，藍(lán)色邊框，黃色背景，插入一段文字，內(nèi)容與邊框有一定的距離。
表格設(shè)置是代碼貼圖和制作個(gè)人主頁(yè)的主要基礎(chǔ)，表格設(shè)置標(biāo)簽屬性內(nèi)容有十多個(gè)，可以先從7個(gè)常用的學(xué)起，逐步提高。
代碼：
<CENTER><BR>
<TABLE border=10 borderColor=#0000ff cellSpacing=10 cellpadding=20 bgcolor=fff000 width=500 height=300>
<TBODY><TR><TD>
<font style=font:15pt face=黑體 color=0000ff>
表格設(shè)置是代碼貼圖和制作個(gè)人主頁(yè)的主要基礎(chǔ)，
表格設(shè)置標(biāo)簽屬性內(nèi)容有十多個(gè)，可以先從7個(gè)常用的學(xué)起，逐步提高。
</CENTER></font></TD></TR></TBODY></TABLE>
注解：
第一行是居中代碼。
第二和第三行是表格的始標(biāo)簽，包括表格標(biāo)簽名和7個(gè)屬性內(nèi)容。
第四行是表格輸入內(nèi)容的行和列的始標(biāo)簽。（行和列構(gòu)成一個(gè)單元格）
第五行是文字設(shè)直標(biāo)簽。
第六和第七行輸入文字內(nèi)容。
第八行是以上各個(gè)始標(biāo)簽的對(duì)應(yīng)尾標(biāo)簽 。
表格設(shè)置標(biāo)簽屬性內(nèi)容說明：
TABLE＝標(biāo)簽名。
border=10 表格邊框的厚度及參數(shù)。
borderColor=#0000ff 邊框顏色及顏色碼。
cellSpacing=10 單元格間距及參數(shù)。
cellpadding=20 內(nèi)容與格線的距離及參數(shù)。
bgcolor=fff000 表格的背景顏色及及顏色碼。
width=400 表格寬度及參數(shù)。
height=300 表格高度及參數(shù)。
表格寬度及表格高度的參數(shù)，可用絕對(duì)值，如300：也可用相對(duì)值，如“100%”。高度如果不是特殊需要時(shí)， 也可以不加入?yún)?shù)，系統(tǒng)會(huì)根據(jù)輸入的內(nèi)容自動(dòng)延伸。
一張用顏色作背景的空白圖框代碼：
<CENTER>
<TABLE border=10 borderColor=#0000ff cellSpacing=3 cellpadding=20 bgcolor=fff000 width=500 height=350>
<TBODY>
<TR>
<TD>
<br>
<br>
</CENTER></TD></TR></TBODY></TABLE>
顯示結(jié)果：
一張用圖片作背景的空白圖框代碼：
<TABLE border=10 borderColor=#0000ff cellSpacing=3 cellpadding=20 cellpadding=20 background=http://image7.360doc.com/DownloadImg/2010/03/1712/2575969_1.jpg width=500 height=350>
<TBODY>
<TR>
<TD>
<br>
<br>
</CENTER></TD></TR></TBODY></TABLE>
顯示結(jié)果：
用顏色作背景和用圖片作背景不同之處，只改變一個(gè)屬性內(nèi)容，即：
表格的背景顏色及顏色碼。bgcolor=fff000
改為用圖片作背景即：
background=http://image7.360doc.com/DownloadImg/2010/03/1712/2575969_1.jpg
