標籤:

雙邊框的代碼

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

女巫配色:

<DIV style="BORDER-RIGHT: #99ccff 8pt double; BORDER-TOP: #99ccff 8pt double; BORDER-LEFT: #99ccff 8pt double; BORDER-BOTTOM: #99ccff 8pt double" align=center><DIV style="WIDTH: 100%; HEIGHT: 72.65%; BACKGROUND-COLOR: #e0ffff" align=left><DIV style="BORDER-RIGHT: #e0ffff 1px dashed; BORDER-TOP: #e0ffff 1px dashed; BORDER-LEFT: #e0ffff 1px dashed; BORDER-BOTTOM: #e0ffff 1px dashed; BACKGROUND-COLOR: #e0ffff" align=left><FONT face="Verdana, Geneva, Arial, Sans-serif"><FONT color=#0000ff></DIV>文字</FONT></FONT></DIV></DIV>

此雙線框內含文本框,可直接雙擊輸入文字即可。

<DIV style="BORDER-RIGHT: #99ffff 8pt double; BORDER-TOP: #99ffff 8pt double; BORDER-LEFT: #99ffff 8pt double; BORDER-BOTTOM: #99ffff 8pt double" align=center><DIV style="WIDTH: 100%; BACKGROUND-COLOR: #ccffff" align=left>文字</DIV></DIV><DIV style="BORDER-RIGHT: #66ffff 8pt double; BORDER-TOP: #66ffff 8pt double; BORDER-LEFT: #66ffff 8pt double; BORDER-BOTTOM: #66ffff 8pt double" align=center><DIV style="WIDTH: 100%; BACKGROUND-COLOR: #99ffff" align=left>文字</DIV></DIV><DIV style="BORDER-RIGHT: #99ff99 8pt double; BORDER-TOP: #99ff99 8pt double; BORDER-LEFT: #99ff99 8pt double; BORDER-BOTTOM: #99ff99 8pt double" align=center><DIV style="WIDTH: 100%; BACKGROUND-COLOR: #ccffcc" align=left>文字</DIV></DIV><DIV style="BORDER-RIGHT: #99ff66 8pt double; BORDER-TOP: #99ff66 8pt double; BORDER-LEFT: #99ff66 8pt double; BORDER-BOTTOM: #99ff66 8pt double" align=center><DIV style="WIDTH: 100%; BACKGROUND-COLOR: #ccffcc" align=left>文字</DIV></DIV><DIV style="BORDER-RIGHT: #99ff33 8pt double; BORDER-TOP: #99ff33 8pt double; BORDER-LEFT: #99ff33 8pt double; BORDER-BOTTOM: #99ff33 8pt double" align=center><DIV style="WIDTH: 100%; BACKGROUND-COLOR: #ccff99" align=left>文字</DIV></DIV><DIV style="BORDER-RIGHT: #99ff00 8pt double; BORDER-TOP: #99ff00 8pt double; BORDER-LEFT: #99ff00 8pt double; BORDER-BOTTOM: #99ff00 8pt double" align=center><DIV style="WIDTH: 100%; BACKGROUND-COLOR: #ccff99" align=left>文字</DIV></DIV><DIV style="BORDER-RIGHT: #99ff00 8pt double; BORDER-TOP: #99ff00 8pt double; BORDER-LEFT: #99ff00 8pt double; BORDER-BOTTOM: #99ff00 8pt double" align=center><DIV style="WIDTH: 100%; BACKGROUND-COLOR: #99ff99" align=left>文字</DIV></DIV><DIV style="BORDER-RIGHT: #66ff00 8pt double; BORDER-TOP: #66ff00 8pt double; BORDER-LEFT: #66ff00 8pt double; BORDER-BOTTOM: #66ff00 8pt double" align=center><DIV style="WIDTH: 100%; BACKGROUND-COLOR: #99ff99" align=left>文字</DIV></DIV><DIV style="BORDER-RIGHT: #33ff00 8pt double; BORDER-TOP: #33ff00 8pt double; BORDER-LEFT: #33ff00 8pt double; BORDER-BOTTOM: #33ff00 8pt double" align=center><DIV style="WIDTH: 100%; BACKGROUND-COLOR: #99ff99" align=left>文字</DIV></DIV><DIV style="BORDER-RIGHT: #fcfc48 8pt double; BORDER-TOP: #fcfc48 8pt double; BORDER-LEFT: #fcfc48 8pt double; BORDER-BOTTOM: #fcfc48 8pt double" align=center><DIV style="WIDTH: 100%; HEIGHT: 72.65%; BACKGROUND-COLOR: #ffff99" align=left><DIV style="BORDER-RIGHT: #ffff99 1px dashed; BORDER-TOP: #ffff99 1px dashed; BORDER-LEFT: #ffff99 1px dashed; BORDER-BOTTOM: #ffff99 1px dashed; BACKGROUND-COLOR: #ffff99" align=left><FONT face="Verdana, Geneva, Arial, Sans-serif"><FONT color=#0000ff></DIV>文字</FONT></FONT></DIV></DIV><DIV style="BORDER-RIGHT: #ffff33 8pt double; BORDER-TOP: #ffff33 8pt double; BORDER-LEFT: #ffff33 8pt double; BORDER-BOTTOM: #ffff33 8pt double" align=center><DIV style="WIDTH: 100%; BACKGROUND-COLOR: #ffff99" align=left>文字</DIV></DIV><DIV style="BORDER-RIGHT: #ffff00 8pt double; BORDER-TOP: #ffff00 8pt double; BORDER-LEFT: #ffff00 8pt double; BORDER-BOTTOM: #ffff00 8pt double" align=center><DIV style="WIDTH: 100%; BACKGROUND-COLOR: #ffff66" align=left>文字</DIV></DIV><DIV style="BORDER-RIGHT: #cc00cc 8pt double; BORDER-TOP: #cc00cc 8pt double; BORDER-LEFT: #cc00cc 8pt double; BORDER-BOTTOM: #cc00cc 8pt double" align=center><DIV style="WIDTH: 100%; BACKGROUND-COLOR: #cc99cc" align=left>文字</DIV></DIV><DIV style="BORDER-RIGHT: #cc0099 8pt double; BORDER-TOP: #cc0099 8pt double; BORDER-LEFT: #cc0099 8pt double; BORDER-BOTTOM: #cc0099 8pt double" align=center><DIV style="WIDTH: 100%; BACKGROUND-COLOR: #cc6699" align=left>文字</DIV></DIV><DIV style="BORDER-RIGHT: #cc0066 8pt double; BORDER-TOP: #cc0066 8pt double; BORDER-LEFT: #cc0066 8pt double; BORDER-BOTTOM: #cc0066 8pt double" align=center><DIV style="WIDTH: 100%; BACKGROUND-COLOR: #cc9999" align=left>文字</DIV></DIV><DIV style="BORDER-RIGHT: #996633 8pt double; BORDER-TOP: #996633 8pt double; BORDER-LEFT: #996633 8pt double; BORDER-BOTTOM: #996633 8pt double" align=center><DIV style="WIDTH: 100%; BACKGROUND-COLOR: #cc9966" align=left>文字</DIV></DIV><DIV style="BORDER-RIGHT: #996600 8pt double; BORDER-TOP: #996600 8pt double; BORDER-LEFT: #996600 8pt double; BORDER-BOTTOM: #996600 8pt double" align=center><DIV style="WIDTH: 100%; BACKGROUND-COLOR: #cccc99" align=left>文字</DIV></DIV><DIV style="BORDER-RIGHT: #ff99ff 8pt double; BORDER-TOP: #ff99ff 8pt double; BORDER-LEFT: #ff99ff 8pt double; BORDER-BOTTOM: #ff99ff 8pt double" align=center><DIV style="WIDTH: 100%; HEIGHT: 72.65%; BACKGROUND-COLOR: #ffcccc" align=left><DIV style="BORDER-RIGHT: #ff99ff 1px dashed; BORDER-TOP: #ff99ff 1px dashed; BORDER-LEFT: #ff99ff 1px dashed; BORDER-BOTTOM: #ff99ff 1px dashed; BACKGROUND-COLOR: #ffff99" align=left><FONT face="Verdana, Geneva, Arial, Sans-serif"><FONT color=#0000ff></DIV>文字</FONT></FONT></DIV></DIV><DIV style="BORDER-RIGHT: #ffcc99 8pt double; BORDER-TOP: #ffcc99 8pt double; BORDER-LEFT: #ffcc99 8pt double; BORDER-BOTTOM: #ffcc99 8pt double" align=center><DIV style="WIDTH: 100%; BACKGROUND-COLOR: #ffcccc" align=left>文字</DIV></DIV>
推薦閱讀:

16款超精美捲軸畫博文邊框
用顏色製作邊框與貼圖方法
邊框1
精美竹藝邊框
另類閃動表格邊框(3例)

TAG:代碼 | 邊框 |