井字型边框 - 電腦知識 - 華中天地論壇 - Powered by Discuz!

華中天地論壇 » 電腦知識 » 井字型边框

註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3961

發表於 2013-7-1 15:51
14.199.143.179

分享私人訊息

井字型边框

井字型边框是利用TABLE不同的背景颜色做出来的……

代码：

<center>
<div style="width:96%">
<table width=96% border=0 cellspacing=0>
<tr>
<th width=5%><br></th>
<th width=3% bgcolor=#eebbbb><br></th>
<th width=84%><br></th>
<th width=3% bgcolor=#FACEB2><br></th>
<th width=5%><br></th>
</tr>
<tr>
<th width=5% bgcolor=#cc9999 ><br></th>
<th width=3% bgcolor=#cc9999><br></th>
<th width=84% bgcolor=#cc9999><br></th>
<th width=3% bgcolor=#FACEB2><br></th>
<th width=5% bgcolor=#cc9999><br></th>
</tr>
<tr>
<th width=5%><br></th>
<th width=3% bgcolor=#eebbbb><br></th>
<th width=84%>
<table cellspacing=15><tr><th>
<font color=#553333 size=5>
井字型边框是利用TABLE不同的背景颜色做出来的……
</font>
</th></tr></table> 
</th>
<th width=3% bgcolor=#FACEB2><br></th>
<th width=5%><br></th>
</tr>
<tr>
<th width=5% bgcolor=#ffdddd><br></th>
<th width=3% bgcolor=#eebbbb><br></th>
<th width=84% bgcolor=#ffdddd><br></th>
<th width=3% bgcolor=#ffdddd><br></th>
<th width=5% bgcolor=#ffdddd><br></th>
</tr>
<tr>
<th width=5%><br></th>
<th width=3% bgcolor=#eebbbb><br></th>
<th width=84%><br></th>
<th width=3% bgcolor=#FACEB2><br></th>
<th width=5%><br></th>
</tr>
</table>
</div>
</center>

[ 本帖最後由 rainbow 於 2018-1-19 23:19 編輯 ]

註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3961

發表於 2013-7-1 15:53
14.199.143.179

这个彩色的也很不错...
可以自己再试试其他颜色……

[ 本帖最後由 rainbow 於 2018-1-27 23:24 編輯 ]

註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3961

發表於 2013-7-1 15:54
14.199.143.179

这个五彩井字边框是用各色图片来做四边的框框

[ 本帖最後由 rainbow 於 2018-1-27 22:06 編輯 ]

註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3961

發表於 2013-7-1 15:55
14.199.143.179

四角用闪闪的背景图也不错的哦……

[ 本帖最後由 rainbow 於 2018-1-27 23:22 編輯 ]

註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3961

發表於 2013-7-1 16:01
14.199.143.179

四角明暗重叠的边框

TABLE技巧小装饰-TABLE四角明暗重叠利用颜色的浓淡而做出来的效果……
代码：

<br><br>
<center>
<div style="width:80%">
<table width="80%" cellspacing=0 border=0>
<tr>
<td width="3%" bgcolor="#808080"><br></td>
<td width="94%" bgcolor="#cccccc"><br></td>
<td width="3%" bgcolor="#808080"><br></td>
</tr>
<tr>
<td width="3%" bgcolor="#cccccc"><br></td>
<th width="94%" bgcolor="#ffffff">
<table cellpadding=20><tr><td>
<font color="#333333" size=5>
TABLE技巧小装饰-TABLE四角明暗重叠<br>
利用颜色的浓淡而做出来的效果……</font>
</td></tr></table>
</th>
<td width="3%" bgcolor="#cccccc"><br></td>
</tr>
<tr>
<td width="3%" bgcolor="#808080"><br></td>
<td width="94%" bgcolor="#cccccc"><br></td>
<td width="3%" bgcolor="#808080"><br></td>
</tr>
</table></div></center>

[ 本帖最後由 rainbow 於 2018-1-27 22:42 編輯 ]

註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3961

發表於 2013-7-1 16:02
14.199.143.179

可以自己再试试用其他颜色，做出来一定也会很漂亮……

註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3961

發表於 2013-7-1 16:05
14.199.143.179

四角用闪闪的背景图也不错的哦……

[ 本帖最後由 rainbow 於 2013-7-1 16:06 編輯 ]

註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3961

發表於 2013-7-1 16:07
14.199.143.179

☆

☆

TABLE技巧小装饰-TABLE四角也可装饰小星星等
利用颜色的浓淡而做出来的效果任你设计……

☆

☆

註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3961

發表於 2013-7-1 16:08
14.199.143.179

★

★

TABLE技巧小装饰-四角固定的小星星
不需要图片，就这么好!

代码：

<center>
<div style="width:700px">
<table width=700 cellpadding=3 border=0 cellspacing=0>
<tr><td bgcolor=#ff99cc>
<table width=100% cellspacing=0 border=0>
<tr><td bgcolor=#ffe6f0>
<table width=100% cellspacing=0 border=0>
<tr>
<td width=5%><font color=#ff99cc size=5><b>★</b></font></td>
<td width=90%><br></td>
<td width=5%><font color=#ff99cc size=5><b>★</b></font></td>
</tr>
<tr>
<td width=5%><br></td>
<td width=90%>
<table cellpadding=5>
<tr><td>
<p align=left><font color="#ff0000" size=5>
TABLE技巧小装饰-四角固定的小星星<BR>
不需要图片，就这么好!
</font></p><br>
</td></tr></table>
</td>
<td width=5%><br></td>
</tr>
<tr>
<td width=5%><font color=#ff99cc size=5><b>★</b></font></td>
<td width=90%><br></td>
<td width=5%><font color=#ff99cc size=5><b>★</b></font></td>
</tr>
</table>
</td></tr></table></td></tr></table></div>
</center>

★

★

[ 本帖最後由 rainbow 於 2018-1-27 23:32 編輯 ]

註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3961

發表於 2013-7-1 16:10
14.199.143.179

★

★

绿色也很清秀……

★

★

[ 本帖最後由 rainbow 於 2018-1-27 23:33 編輯 ]

Powered by Discuz! © Comsenz Inc.

檢舉論壇