横条背景的应用【实用代码】

单边花横条背景的代码 <DIV style="width:680px"> <TABLE style="BORDER-RIGHT: purple 5px double; BORDER-TOP: purple 5px double; BORDER-LEFT: purple 5px double; BORDER-BOTTOM: purple 5px double; background-repeat: repeat-y" cellspaing=10 cellpadding=10 width=680 background=背景网址> <TBODY> <TR> <TD width="15%"></TD> <TD width="85%"> <TABLE cellpadding=20 width="100%" align=right border=0> <TBODY> <TR> <TD style="BORDER-RIGHT: #b4b4b4 6px dotted; BORDER-TOP: #b4b4b4 6px dotted; BORDER-LEFT: #b4b4b4 6px dotted; BORDER-BOTTOM: #b4b4b4 6px dotted"> <BR> <center> <div style="FONT-SIZE: 40pt; FILTER: glow(color=purple); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 标楷体"><b>横条背景的代码</b></div></center> <BR> <P align=left><FONT style="FONT-SIZE: 16px; FONT-FAMILY: 黑体" color=purple>（文字编辑）</FONT></P> <BR><BR> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE></DIV>

原图为单边花做成对称花边框 此边框的背景图是用宽度为1024px的单边花横条背景，周边加上5px的点状边，因此各个width的数值都相应作了调整。 代码： <div style="LEFT:-0px; position: relative; TOP:0px; width:920px"> <TABLE style="BORDER-RIGHT: purple 5px dotted; BORDER-TOP: purple 5px dotted; BORDER-LEFT: purple 5px dotted; BORDER-BOTTOM: purple 5px dotted; background-repeat: repeat-y" cellSpacing=0 cellPadding=0 width=900 background=1024宽背景图网址> <TBODY> <TR> <TD width=180></TD> <TD width=540><br><br> <P align=center><FONT color=purple size=6><b>大 标 题</b></FONT></P> <P align=left><FONT color=purple size=5>        文字编辑开始……。</FONT></P> </TD> <TD style="FILTER: flipH" background=1024宽背景图网址 width=180></TD></TR></TBODY></TABLE></div> <br><br><br><br><br><br><br><br><br><br>

01 复制从这里开始

大 标 题 文字编辑开始……。

01 复制到这里结束

02 复制从这里开始

大 标 题 文字编辑开始……。

02 复制到这里结束