(一)<div style="width:100%;height:100%;background-color:#990000;"></div> #990000是红色,如果喜欢什么颜色就到色版了找。注意一定要带#号。
注意,这里需要你略微调整一下,将<p></p>嵌套在这一语句中,即如下形式:
<div style="width:100%;height:100%;background-color:#990000;"><p></p></div>
在<p>和</p>之间试着打几个字,然后可以书写日志了。
(二)浮出立体线框代码:
<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>
(三)简单双线框代码:
<div STYLE="border-style:Double;border-width:8pt; border-color: #8B008B">
<div style="width:100%;height:100%;background-color:#E6E6FA;">文本 </div></div>
简单双线框效果图
(四) 1:效果是带背景色(熏衣草色)的简单双线框
<div STYLE="border-style:Double;border-width:8pt; border-color: #8B008B">
<div style="width:100%;height:100%;background-color:#E6E6FA;">文字</div></div>
2:效果是带背景色(熏衣草色)的浮出立体线框
<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>
上面代码中的#E6E6FA是背景的颜色(熏衣草色)