一、颜色背景、固定宽度的凸感边框:
代 码
<TABLE style="BORDER-RIGHT: #66CDAA 15px ridge;
BORDER-TOP: #66CDAA 15px ridge;
BORDER-LEFT: #66CDAA 15px ridge;
BORDER-BOTTOM: #66CDAA 15px ridge;
BACKGROUND-COLOR: #660000" cellSpacing=1>
<TBODY><TR><TD>
<TABLE cellSpacing=1 width=600 border=2>
<TBODY><TR><TD>
日志内容
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
效 果
二、图片背景、固定宽度的凸感边框:
代 码
<TABLE style="BORDER-RIGHT: #66CDAA 15px ridge;
BORDER-TOP: #66CDAA 15px ridge;
BORDER-LEFT: #66CDAA 15px ridge;
BORDER-BOTTOM: #66CDAA 15px ridge;" cellSpacing=1>
<TBODY><TR><TD>
<TABLE cellSpacing=1 width=600 background=图片地址 border=2>
<TBODY><TR><TD>
日志内容
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
效 果
三、透明背景、最大化宽度的凸感边框:
代 码
<TABLE style="BORDER-RIGHT: #66CDAA 15px ridge;
BORDER-TOP: #66CDAA 15px ridge;
BORDER-LEFT: #66CDAA 15px ridge;
BORDER-BOTTOM: #66CDAA 15px ridge;
WIDTH: 100%;" cellSpacing=1>
<TBODY><TR><TD>
<TABLE cellSpacing=1 width="100%" border=2>
<TBODY><TR><TD>
日志内容
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
效 果
四、透明背景、弹性化宽度的凸感边框:
代 码
<TABLE style="BORDER-RIGHT: #66CDAA 15px ridge;
BORDER-TOP: #66CDAA 15px ridge;
BORDER-LEFT: #66CDAA 15px ridge;
BORDER-BOTTOM: #66CDAA 15px ridge;" cellSpacing=1>
<TBODY><TR><TD><TABLE border=1>
<TBODY><TR><TD><TABLE border=1>
<TBODY><TR><TD><TABLE border=1>
<TBODY><TR><TD>
日志内容
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
效 果
总 说 明
1、代码中 BORDER-RIGHT: 表示右边框;BORDER-TOP: 表示上边框;BORDER-LEFT: 表示左边框;BORDER-BOTTOM: 表示下边框。数值15px为边框线的宽度,可调整。
2、BACKGROUND-COLOR: 表示边框内背景颜色;background=边框内背景图片。
3、width=600为边框的固定宽度,可调整。
4、第四款边框“日志内容”输入的地方,其边框宽度随着内容的增多,会自动逐渐放大。