一些簡(jiǎn)單Html代碼的使用方法(二)邊框
Html代碼語(yǔ)法（二）帖子的邊框
要做一個(gè)漂亮點(diǎn)的帖子就離不開(kāi)邊框，邊框其實(shí)就是用表格代碼做成的,
只要你熟悉表格的各個(gè)標簽屬性就能做出各式各樣的邊框了。更多表格代碼請點(diǎn)
這里這里說(shuō)明一下，本網(wǎng)站比較特別，好多代碼在瀏覽器IE6瀏覽正常，在IE7和IE8瀏覽效果就不正常了。
IE6已經(jīng)淘汰了，現在常用IE8，以下所說(shuō)代碼就以IE8瀏覽器為主。
既然這個(gè)網(wǎng)站代碼顯示特別就用特別的方法吧。
一個(gè)表格代碼：
<table border="1">
<tr>
<td>
想要寫(xiě)的內容
</td>
</tr>
</table>
顯示效果:
想要寫(xiě)的內容
從上面代碼可以看出，表格代碼前后接近對稱(chēng)，前面有什么后面就有什么，后面的就多了根斜杠“/”
注意里面的半角號“<” “>”缺一不可!!!
●●單層邊框
在上面表格代碼里面的<table>和<td>標簽區域內加入一些屬性，表格就會(huì )發(fā)生變化.
以下邊框數據只做示例,實(shí)際應用請自行調整.
※ <table>標簽區域加入屬性代碼樣式
※ <td>標簽區域加入屬性代碼樣式
實(shí)際應用代碼:
<table border="1" width="500" bgcolor="#0A0A5C" height="100" bordercolor="#CF0000" align="center">
<tr>
<TD width="500" height="100" align="center" background="http://image50.360doc.com/DownloadImg/2012/04/0118/22831557_4.gif">
想要寫(xiě)的內容
</td>
</tr>
</table>
效果:
想要寫(xiě)的內容
這樣用一個(gè)表格就做成了一個(gè)單層邊框,你想要怎樣的效果就加入什么屬性，
注意在標簽里面的屬性和屬性之間一定要有空格，是空格鍵打出來(lái)的空格。
更多詳細標簽屬性
請點(diǎn)這里.●●兩層邊框
代碼樣式:
<TABLE style="POSITION: relative; WIDTH: 500px; HEIGHT: 200px" border=1 bgColor=#0a0a5c align=center>
<TBODY>
<TR>
<TD background=http://image50.360doc.com/DownloadImg/2012/04/0118/22831557_4.gif align=middle>
<TABLE style="POSITION: relative; WIDTH: 460px; HEIGHT: 170px" border=1>
<TBODY>
<TR>
<TD background=http://image50.360doc.com/DownloadImg/2012/04/0118/22831557_5.gif>
想要寫(xiě)的內容
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
效果
想要寫(xiě)的內容
上面代碼紅色部分為邊框外層，藍色部分為邊框內層.由于本網(wǎng)站特別，在<TABLE>區域必須加入
CSS濾鏡style="POSITION: relative; WIDTH: 500px; HEIGHT: 200px" 調整高度HEIGHT和寬度WIDTH,才能做出想
要的效果邊框! 通過(guò)熟悉兩層邊框代碼, 想要做三層四層的邊框應該很簡(jiǎn)單的. 請發(fā)揮你的想象力吧.......
其他四篇鏈接
一些簡(jiǎn)單Html代碼的使用方法(一)一些簡(jiǎn)單Html代碼的使用方法(三)一些簡(jiǎn)單Html代碼的使用方法(四)一些簡(jiǎn)單Html代碼的使用方法(五)
