|
 [『边框*表格』]『转贴并整理』各种边框代码(三)
摩羯天使 发布于 2006-11-03 22:18
|
立体表格
<table border=1 cellspacing=0 width=100% bordercolorlight=#333333 bordercolordark=#efefef>
<tr bgcolor=#cccccc>
<td>cnbruce</td>
<td>cnbruce</td>
<td>cnbruce</td>
<td>cnbruce</td>
</tr>
<tr bgcolor=#cccccc>
<td>cnbruce</td>
<td>cnbruce</td>
<td>cnbruce</td>
<td>cnbruce</td>
</tr>
</table>
<center>表格边线为1，间隔为0，左上为#333333，右下为#efefef,行背景色为#cccccc |
| cnbruce |
cnbruce |
cnbruce |
cnbruce |
| cnbruce |
cnbruce |
cnbruce |
cnbruce | |
|
虚线边框表格
<style type="text/css">
.tb{BORDER-BOTTOM: #000000 1px dotted;BORDER-top: #000000 1px dotted;BORDER-LEFT: #000000 1px dotted;BORDER-RIGHT: #000000 1px dotted;}
</style>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="tb"><center>www.4574765784674.com</td>
</tr>
</table>
<p>
虚线直线1
<hr size=1 style="border:1px dotted #001403;">
虚线直线2
<p size=1 style="border:1px dotted #001403;"> |
|
|
|
分类型表格
<fieldset>
<legend>item</legend>
content
</fieldset>
|
| 效果：
|
表格边框显示外阴影====================================
<table align=center width=200 height=100 bgcolor=#f3f3f3 style="filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=5)">
<tr>
<td><center>www.$$$$$.com</td>
</tr>
</table>
|
效果：
|
限制表格的大小
style="table-layout:fixed;word-break:break-all"无论大图还是文字，一律限制。
<table align=center width=200 height=100 bgcolor=#f3f3f3 style="filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=5)" style="table-layout:fixed;word-break:break-all" >
<tr>
<td><center><img src="http://www.66.com/images/cnrose/mi.jpg"></td>
</tr>
<tr>
<td>
欢迎光临
</td></tr>
</table>
|
| 效果：
|
立体线框代码
代码：
<DIV style="BORDER-RIGHT: #e68e66 3px ridge; BORDER-TOP: #e68e66 3px ridge; Z-INDEX: 1; LEFT: 22px; BORDER-LEFT: #e68e66 3px ridge; WIDTH: 454px; BORDER-BOTTOM: #e68e66 3px ridge; TOP: 60px; HEIGHT: 231px; BACKGROUND-COLOR: #feede2" align=center><FONT face=Verdana color=#e68e66>
<P>日志文字</P></DIV>
效果：
|
日志列表 
屏幕分辨率设置1024x768像素
