女巫根据浮云城主的立体线框代码稍加润色后的效果：

<div style= "border-top-style:Ridge;border-right-style:Ridge;border-left-style:Ridge;
border-bottom-style:Ridge;border-width:7pt; background-color:#8B008B"><div style="width:100%;height:100%;background-color:#E6E6FA;">文字</div></div>

      效果如框内所示，是带背景色（熏衣草色）的浮出。

女巫根据Loadmemory的教程修改后配色为己用的立体彩色边框代码，效果如下：

      立体效果的彩色边框是在border-style后面使用不同的语法描述：

女巫配色：

<div STYLE="border-style:outset;border-width:3pt; border-color: red">
<div style="width:100%;height:100%;background-color:#ffdab9;">日志文字
</div></div>

      显示的效果是背景色为桃色的立体线框。效果如框内所示，框内背景色为桃色#ffdab9。

女巫根据浮云城主的双线框代码稍加润色后的效果：

<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。效果如框内所示。

 您是第位朋友光临烟视媚行!
     (从Mar 4th, 2005起)

双线框＋背景色代码如下：

——取自八度空间，女巫润色