漂亮的空间代码——给日记加漂亮的边框

给日志加边框--彩色代码

 

★彩色边框代码★

代码如下；

<DIV style="BORDER-RIGHT: red 5pt solid; BORDER-TOP: red 5pt solid; BORDER-LEFT: red 5pt solid; BORDER-BOTTOM: red 5pt solid">日志文字</DIV>

日志文字

它会在你的文字外围生成一个红色边框，效果如框内显示。 border-style则控制边框的效果 border-width控制边框的粗细， border-color调整边框的颜色， 这里你仍然可以使用如#xxxxxx的颜色数值，而当使用“solid”则为单一颜色的线形简单边框。

实线代码如下；

 <DIV style="BORDER-RIGHT: #ff4500 4px solid; BORDER-TOP: #ff4500 4px solid; BORDER-LEFT: #ff4500 4px solid; BORDER-BOTTOM: #ff4500 4px solid; BACKGROUND-COLOR: #ffdead">实线</DIV>★

实线

★双线框代码★

<DIV style="BORDER-RIGHT: #8b008b 8pt double; BORDER-TOP: #8b008b 8pt double; BORDER-LEFT: #8b008b 8pt double; BORDER-BOTTOM: #8b008b 8pt double">
<DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #e6e6fa">文字</DIV></DIV>

文字

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

<DIV style="BORDER-RIGHT: #ff4500 6pt double; BORDER-TOP: #ff4500 6pt double; BORDER-LEFT: #ff4500 6pt double; BORDER-BOTTOM: #ff4500 6pt double">
<DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffdab9">文字</DIV