立体线条边框代码
一、下面是一段立体线条边框代码:
<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>
说明:修改蓝色处的数字可改变立体边框线条的粗细,修改绿色处的值可改变边框内背景的颜色。(随便填一个6位数字就行,但如果要准确的颜色,就要看颜色代码表。)=》颜色代码表
二、下面是修改后的不同效果:
(一)
(二)
(三)
想知道立体线条边框的更多变化,请点击=》立体线条边框的变化