神马文学网彩色边框代码1
来源：百度文库 编辑：神马文学网 时间：2024/04/29 00:11:06
★单线框代码★
border-style:solid;border-width:5pt; border-color:red">日志文字
它会在你的文字外围生成一个红色边框，效果如框内显示。
border-style则控制边框的效果
border-width控制边框的粗细，
border-color调整边框的颜色，
这里你仍然可以使用如#xxxxxx的颜色数值，而当使用“solid”则为单一颜色的线形简单边框。
实线
★双线框代码★
文字
效果如框内，是带背景色（熏衣草色）的简单双线框。
文字
显示的效果是背景色为桃色的简单双线框。效果如框内所示，边框的颜色是橙红色#ff4500，框内背景色为桃色#ffdab9。
文字
显示的效果是背景色为NAVAJO白的简单双线框。效果如框内所示，边框的颜色是橙红色#ff4500，框内背景色为桃色#ffdead。
文字
背景颜色为淡黄色#FFFFE0，效果如框内所示。
文字
这种双线框的效果有若隐若现的感觉，框的颜色是淡珊瑚色#f08080，框内背景的颜色是NAVAJO白#FFdead。效果如框内所示。
文字
这种双线框的效果有若隐若现的感觉，框的颜色是淡珊瑚色#f08080，框内背景的颜色是淡黄色#FFFFE0。效果如框内所示。
★立体线框代码★
文字
效果如框内所示，是带背景色（熏衣草色）的浮出立体线框，代码中的#E6E6FA是背景的颜色（熏衣草色）