一款简单实用的边框代码

（内容来自音效画廓）

编辑文字

一款简单实用的边框代码

这个边框虽然简单，但是在我博客中用得最多的。其代码如下：

<TABLE title=音效画廓 style="BORDER-RIGHT: #5f9ea0 4px dashed;

BORDER-TOP: #5f9ea0 4px dashed;

LEFT: 0px; BORDER-LEFT: #5f9ea0 4px dashed; WIDTH: 670px;

BORDER-BOTTOM: #5f9ea0 4px dashed;

TOP: 0px; HEIGHT: 200px" borderColor=#5f9ea0 height=100

cellSpacing=0 cellPadding=0 width=670

align=center bgColor=#ffffff border=1><TBODY>

<TR><TD><P>&nbsp;<WBR></P><P>&nbsp;<WBR></P>

<P>&nbsp;<WBR>&nbsp;<WBR>&nbsp;<WBR>&nbsp;<WBR>&nbsp;<WBR>&nbsp;

<WBR>&nbsp;<WBR>&nbsp;<WBR>&nbsp;

<WBR>&nbsp;<WBR>&nbsp;<WBR>&nbsp;<WBR></P>

<TABLE cellSpacing=0 borderColorDark=#5f9ea0 width=550 align=center borderColorLight=#5f9ea0 border=1><TBODY><TR>

<TD><A><IMG title=音效画廓恭候朋友 alt=小提琴曲：下雨的时候

src=http://static3.photo.sina.com.cn/middle/5df3674cx87060fa2ba62&amp;690

width=550></A></TD></TR></TBODY></TABLE>

<P>&nbsp;<WBR></P><P>&nbsp;<WBR></P>

<DIV align=center>

<TABLE style="WIDTH: 550px; BORDER-TOP-STYLE: dotted;

BORDER-RIGHT-STYLE: dotted;

BORDER-LEFT-STYLE: dotted; BORDER-COLLAPSE: separate;

HEIGHT: 84px;

BORDER-BOTTOM-STYLE: dotted" borderColor=#5f9ea0 cellSpacing=3

cellPadding=1 width=550

align=center bgColor=white border=2>

<TBODY><TR><TD colSpan=5><P>&nbsp;<WBR></P>

<P align=center><FONT style="FONT-SIZE: 32px; FONT-FAMILY: 楷体_GB2312,楷体" color=#204832>

<STRONG><B>编辑文字</B></STRONG></FONT></P>

<P align=center>&nbsp;</P></TD></TR></TBODY></TABLE>

<P>&nbsp;

注：红字图片的代码。绿线为边框的颜色；紫色为文字框的代码。蓝字分别是边框和图片的宽。

如果想加多个图片和多个文字框，只需分别将他们粘贴后就可得到。

分享

0

顶