双边框的代码

 

 

<div STYLE="border-style:Double;border-width:8pt; border-color: #8B008B">
<div style="width:100%;height:100%;background-color:#E6E6FA;">文字</div></div>

效果如框内，是带背景色（熏衣草色）的简单双线框。

<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500">
<div style="width:100%;height:100%;background-color:#ffdab9;">文字</div></div>

     显示的效果是背景色为桃色的简单双线框。效果如框内所示，边框的颜色是橙红色#ff4500，框内背景色为桃色#ffdab9。

女巫配色：

<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500">
<div style="width:100%;height:100%;background-color:#FFdead;">文字</div></div>

      显示的效果是背景色为NAVAJO白的简单双线框。效果如框内所示，边框的颜色是橙红色#ff4500，框内背景色为桃色#ffdead。

 

女巫配色：

<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500">
<div style="width:100%;height:100%;background-color:#FFFFE0;">文字</div></div>

      背景颜色为淡黄色#FFFFE0，效果如框内所示。

 

女巫配色：

<div STYLE="border-style:Double;border-width:6pt; border-color: #f08080">
<div style="width:100%;height:100%;background-color:#FFdead;">文字</div></div>

      这种双线框的效果有若隐若现的感觉，框的颜色是淡珊瑚色#f08080，框内背景的颜色是NAVAJO白#FFdead。效果如框内所示。

 

女巫配色：

<div STYLE="border-style:Double;border-width:6pt; border-color: #f08080">
<div style="width:100%;height:100%;background-color:#FFFFE0;">文字</div></div>

      这种双线框的效果有若隐若现的感觉，框的颜色是淡珊瑚色#f08080，框内背景的颜色是淡黄色#FFFFE0。效果如框内所示。

 

女巫配色:

<DIV style="BORDER-RIGHT: #99ccff 8pt double; BORDER-TOP: #99ccff 8pt double; BORDER-LEFT: #99ccff 8pt double; BORDER-BOTTOM: #99ccff 8pt double" align=center>
<DIV style="WIDTH: 100%; HEIGHT: 72.65%; BACKGROUND-COLOR: #e0ffff" align=left>
<DIV style="BORDER-RIGHT: #e0ffff 1px dashed; BORDER-TOP: #e0ffff 1px dashed; BORDER-LEFT: #e0ffff 1px dashed; BORDER-BOTTOM: #e0ffff 1px dashed; BACKGROUND-COLOR: #e0ffff" align=left><FONT face="Verdana, Geneva, Arial, Sans-serif"><FONT color=#0000ff></DIV>文字</FONT></FONT></DIV></DIV>

      此双线框内含文本框，可直接双击输入文字即可。

<DIV style="BORDER-RIGHT: #99ffff 8pt double; BORDER-TOP: #99ffff 8pt double; BORDER-LEFT: #99ffff 8pt double; BORDER-BOTTOM: #99ffff 8pt double" align=center>
<DIV style="WIDTH: 100%; BACKGROUND-COLOR: #ccffff" align=left>文字</DIV></DIV>

<DIV style="BORDER-RIGHT: #66ffff 8pt double; BORDER-TOP: #66ffff 8pt double; BORDER-LEFT: #66ffff 8pt double; BORDER-BOTTOM: #66ffff 8pt double" align=center>
<DIV style="WIDTH: 100%; BACKGROUND-COLOR: #99ffff" align=left>文字</DIV></DIV>

<DIV style="BORDER-RIGHT: #99ff99 8pt double; BORDER-TOP: #99ff99 8pt double; BORDER-LEFT: #99ff99 8pt double; BORDER-BOTTOM: #99ff99 8pt double" align=center>
<DIV style="WIDTH: 100%; BACKGROUND-COLOR: #ccffcc" align=left>文字</DIV></DIV>

<DIV style="BORDER-RIGHT: #99ff66 8pt double; BORDER-TOP: #99ff66 8pt double; BORDER-LEFT: #99ff66 8pt double; BORDER-BOTTOM: #99ff66 8pt double" align=center>
<DIV style="WIDTH: 100%; BACKGROUND-COLOR: #ccffcc" align=left>文字</DIV></DIV>

<DIV style="BORDER-RIGHT: #99ff33 8pt double; BORDER-TOP: #99ff33 8pt double; BORDER-LEFT: #99ff33 8pt double; BORDER-BOTTOM: #99ff33 8pt double" align=center>
<DIV style="WIDTH: 100%; BACKGROUND-COLOR: #ccff99" align=left>文字</DIV></DIV>

<DIV style="BORDER-RIGHT: #99ff00 8pt double; BORDER-TOP: #99ff00 8pt double; BORDER-LEFT: #99ff00 8pt double; BORDER-BOTTOM: #99ff00 8pt double" align=center>
<DIV style="WIDTH: 100%; BACKGROUND-COLOR: #ccff99" align=left>文字</DIV></DIV>

<DIV style="BORDER-RIGHT: #99ff00 8pt double; BORDER-TOP: #99ff00 8pt double; BORDER-LEFT: #99ff00 8pt double; BORDER-BOTTOM: #99ff00 8pt double" align=center>
<DIV style="WIDTH: 100%; BACKGROUND-COLOR: #99ff99" align=left>文字</DIV></DIV>

<DIV style="BORDER-RIGHT: #66ff00 8pt double; BORDER-TOP: #66ff00 8pt double; BORDER-LEFT: #66ff00 8pt double; BORDER-BOTTOM: #66ff00 8pt double" align=center>
<DIV style="WIDTH: 100%; BACKGROUND-COLOR: #99ff99" align=left>文字</DIV></DIV>

<DIV style="BORDER-RIGHT: #33ff00 8pt double; BORDER-TOP: #33ff00 8pt double; BORDER-LEFT: #33ff00 8pt double; BORDER-BOTTOM: #33ff00 8pt double" align=center>
<DIV style="WIDTH: 100%; BACKGROUND-COLOR: #99ff99" align=left>文字</DIV></DIV>

<DIV style="BORDER-RIGHT: #fcfc48 8pt double; BORDER-TOP: #fcfc48 8pt double; BORDER-LEFT: #fcfc48 8pt double; BORDER-BOTTOM: #fcfc48 8pt double" align=center>
<DIV style="WIDTH: 100%; HEIGHT: 72.65%; BACKGROUND-COLOR: #ffff99" align=left>
<DIV style="BORDER-RIGHT: #ffff99 1px dashed; BORDER-TOP: #ffff99 1px dashed; BORDER-LEFT: #ffff99 1px dashed; BORDER-BOTTOM: #ffff99 1px dashed; BACKGROUND-COLOR: #ffff99" align=left><FONT face="Verdana, Geneva, Arial, Sans-serif"><FONT color=#0000ff></DIV>文字</FONT></FONT></DIV></DIV>

<DIV style="BORDER-RIGHT: #ffff33 8pt double; BORDER-TOP: #ffff33 8pt double; BORDER-LEFT: #ffff33 8pt double; BORDER-BOTTOM: #ffff33 8pt double" align=center>
<DIV style="WIDTH: 100%; BACKGROUND-COLOR: #ffff99" align=left>文字</DIV></DIV>

<DIV style="BORDER-RIGHT: #ffff00 8pt double; BORDER-TOP: #ffff00 8pt double; BORDER-LEFT: #ffff00 8pt double; BORDER-BOTTOM: #ffff00 8pt double" align=center>
<DIV style="WIDTH: 100%; BACKGROUND-COLOR: #ffff66" align=left>文字</DIV></DIV>

<DIV style="BORDER-RIGHT: #cc00cc 8pt double; BORDER-TOP: #cc00cc 8pt double; BORDER-LEFT: #cc00cc 8pt double; BORDER-BOTTOM: #cc00cc 8pt double" align=center>
<DIV style="WIDTH: 100%; BACKGROUND-COLOR: #cc99cc" align=left>文字</DIV></DIV>

<DIV style="BORDER-RIGHT: #cc0099 8pt double; BORDER-TOP: #cc0099 8pt double; BORDER-LEFT: #cc0099 8pt double; BORDER-BOTTOM: #cc0099 8pt double" align=center>
<DIV style="WIDTH: 100%; BACKGROUND-COLOR: #cc6699" align=left>文字</DIV></DIV>

<DIV style="BORDER-RIGHT: #cc0066 8pt double; BORDER-TOP: #cc0066 8pt double; BORDER-LEFT: #cc0066 8pt double; BORDER-BOTTOM: #cc0066 8pt double" align=center>
<DIV style="WIDTH: 100%; BACKGROUND-COLOR: #cc9999" align=left>文字</DIV></DIV>

<DIV style="BORDER-RIGHT: #996633 8pt double; BORDER-TOP: #996633 8pt double; BORDER-LEFT: #996633 8pt double; BORDER-BOTTOM: #996633 8pt double" align=center>
<DIV style="WIDTH: 100%; BACKGROUND-COLOR: #cc9966" align=left>文字</DIV></DIV>

<DIV style="BORDER-RIGHT: #996600 8pt double; BORDER-TOP: #996600 8pt double; BORDER-LEFT: #996600 8pt double; BORDER-BOTTOM: #996600 8pt double" align=center>
<DIV style="WIDTH: 100%; BACKGROUND-COLOR: #cccc99" align=left>文字</DIV></DIV>

 

<DIV style="BORDER-RIGHT: #ff99ff 8pt double; BORDER-TOP: #ff99ff 8pt double; BORDER-LEFT: #ff99ff 8pt double; BORDER-BOTTOM: #ff99ff 8pt double" align=center>
<DIV style="WIDTH: 100%; HEIGHT: 72.65%; BACKGROUND-COLOR: #ffcccc" align=left>
<DIV style="BORDER-RIGHT: #ff99ff 1px dashed; BORDER-TOP: #ff99ff 1px dashed; BORDER-LEFT: #ff99ff 1px dashed; BORDER-BOTTOM: #ff99ff 1px dashed; BACKGROUND-COLOR: #ffff99" align=left><FONT face="Verdana, Geneva, Arial, Sans-serif"><FONT color=#0000ff></DIV>文字</FONT></FONT></DIV></DIV>

<DIV style="BORDER-RIGHT: #ffcc99 8pt double; BORDER-TOP: #ffcc99 8pt double; BORDER-LEFT: #ffcc99 8pt double; BORDER-BOTTOM: #ffcc99 8pt double" align=center>
<DIV style="WIDTH: 100%; BACKGROUND-COLOR: #ffcccc" align=left>文字</DIV></DIV>