(二)帖子的邊框
要做一個漂亮點的帖子就離不開邊框,邊框其實就是用表格代碼做成的,
只要你熟悉表格的各個標簽屬性就能做出各式各樣的邊框了。更多表格代碼請點這里
這里說明一下,本網(wǎng)站比較特別,好多代碼在瀏覽器IE6瀏覽正常,在IE7和IE8瀏覽效果就不正常了。
IE6已經(jīng)淘汰了,現(xiàn)在常用IE8,以下所說代碼就以IE8瀏覽器為主。
既然這個網(wǎng)站代碼顯示特別就用特別的方法吧。
一個表格代碼:
<table border="1"> <tr> <td> 想要寫的內(nèi)容 </td> </tr> </table>
顯示效果:
從上面代碼可以看出,表格代碼前后接近對稱,前面有什么后面就有什么,后面的就多了根斜杠“/”
注意里面的半角號“<” “>”缺一不可!!!
●●單層邊框
在上面表格代碼里面的<table>和<td>標簽區(qū)域內(nèi)加入一些屬性,表格就會發(fā)生變化.
以下邊框數(shù)據(jù)只做示例,實際應(yīng)用請自行調(diào)整.
※ <table>標簽區(qū)域加入屬性代碼樣式
※ <td>標簽區(qū)域加入屬性代碼樣式
實際應(yīng)用代碼:
<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">
想要寫的內(nèi)容
</td> </tr> </table>
效果:
這樣用一個表格就做成了一個單層邊框,你想要怎樣的效果就加入什么屬性,
注意在標簽里面的屬性和屬性之間一定要有空格,是空格鍵打出來的空格。
更多詳細標簽屬性請點這里.
●●兩層邊框
代碼樣式:
<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>
想要寫的內(nèi)容
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
效果
上面代碼紅色部分為邊框外層,藍色部分為邊框內(nèi)層.由于本網(wǎng)站特別,在<TABLE>區(qū)域必須加入
CSS濾鏡style="POSITION: relative; WIDTH: 500px; HEIGHT: 200px" 調(diào)整高度HEIGHT和寬度WIDTH,才能做出想
要的效果邊框! 通過熟悉兩層邊框代碼, 想要做三層四層的邊框應(yīng)該很簡單的. 請發(fā)揮你的想象力吧.......
其他四篇鏈接
一些簡單Html代碼的使用方法(一)
一些簡單Html代碼的使用方法(三)
一些簡單Html代碼的使用方法(四)
一些簡單Html代碼的使用方法(五)
|