語法｜各式框框語法
太多人發問關於兔子文章內提供的複製語法框是如何使用
不過因為無名文章內並不支援此種語法，所以兔子提供其他可支援無名的語法框框
右邊為自動反白語法框不適用於無名，無名請複製左邊其他部落格請自行斟酌。
(提供的都是基本款,可以自己去做變化喔)
不過因為無名文章內並不支援此種語法，所以兔子提供其他可支援無名的語法框框
右邊為自動反白語法框不適用於無名，無名請複製左邊其他部落格請自行斟酌。
(提供的都是基本款,可以自己去做變化喔)
|
非自動反白語法 |
自動反白語法 |
|
<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #fff; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #fff; SCROLLBAR-TRACK-COLOR: #fff; BORDER-BOTTOM: 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #fff; SCROLLBAR-BASE-COLOR: #fff; HEIGHT: 50px">這邊打上文字</div>
|
|
改變框線顏色 |
改變框線顏色 |
|
改變邊框成成虛線 |
改變邊框成成虛線 |
|
<div style="BORDER-RIGHT: 2px dashed; BORDER-TOP: 2px dashed; OVERFLOW: auto; BORDER-LEFT: 2px dashed; WIDTH: 200px; BORDER-BOTTOM: 2px dashed; HEIGHT: 50px">這裡打上文字</div>
|
|
變成點點框線 |
變成點點框線 |
|
<div style="BORDER-RIGHT: 2px dotted; BORDER-TOP: 2px dotted; OVERFLOW: auto; BORDER-LEFT: 2px dotted; WIDTH: 200px; BORDER-BOTTOM: 2px dotted;SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #fff;SCROLLBAR-SHADOW-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #fff; SCROLLBAR-TRACK-COLOR: #fff;SCROLLBAR-DARKSHADOW-COLOR: #fff; SCROLLBAR-BASE-COLOR: #fff;HEIGHT: 50px">這裡打上文字</div>
|
|
邊框變雙框 |
邊框變雙框 |
|
<div style="BORDER-RIGHT: 5px double; BORDER-TOP: 5px double; OVERFLOW: auto; BORDER-LEFT: 5px double; WIDTH: 200px; BORDER-BOTTOM: 5px double; HEIGHT: 50px">這裡打上文字</div>
|
|
變成立體框 |
變成立體框 |
|
<div style="BORDER-RIGHT: #999999 5px inset; BORDER-TOP: #999999 5px inset; OVERFLOW: auto; BORDER-LEFT: #999999 5px inset; WIDTH: 200px; BORDER-BOTTOM: #999999 5px inset; HEIGHT: 50px">這裡打上文字</div>
|
|
邊框兩層色 |
邊框兩層色 |
|
<div style="BORDER-RIGHT: #999999 10px outset; BORDER-TOP: #999999 10px outset; SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #fff; OVERFLOW: auto; BORDER-LEFT: #999999 10px outset; WIDTH: 178px; SCROLLBAR-SHADOW-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #fff; SCROLLBAR-TRACK-COLOR: #fff; BORDER-BOTTOM: #999999 10px outset; SCROLLBAR-DARKSHADOW-COLOR: #fff; SCROLLBAR-BASE-COLOR: #fff; HEIGHT: 45px">這裡打上文字</div>
|
|
框內加底圖 |
框內加底圖 |
|
改文字顏色.字型.大小 |
改文字顏色.字型.大小 |
|
<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT: 12pt Comic Sans MS; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; COLOR: #000; BORDER-BOTTOM: 1px solid; HEIGHT: 50px; FILT4R: Alpha(opacity=10)">這邊打上文字</div>
|
|
點一下框內就反白(無名不支援) |
ctrl+A反白全選 |
|
卷軸邊框顏色 |
卷軸箭顏色 |
|
<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; SCROLLBAR-HIGHLIGHT-COLOR: #fc0000; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #fc0000; SCROLLBAR-3DLIGHT-COLOR: #fc0000; SCROLLBAR-ARROW-COLOR: #fc0000; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #fcfc90; HEIGHT: 50px">打上文字</div>
|
<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; SCROLLBAR-FACE-COLOR: #fcb400; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #fcb400; SCROLLBAR-ARROW-COLOR: #fcb400; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #fcb400; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 50px">打上文字</div>
|
解說
FONT: 8pt =文字大小
FONT-FAMILY=文字字型(另外有Verdana新細明體或者Comic Sans MS和標楷體等等..)
BORDER =線框
RIGHT=右邊
BOTTOM=下面
TOP=上面
LEFT=左邊
solid=直線框(款式還有double(立體) dotted (點點) dashed (虛線)
grooved(2色凹框)inset(上凹框)outset(下凹框)ridged (暗色凹框)
FILTER: Alpha(opacity=40)=變成半透明狀(數值可調)
width=寬度(框框)
HEIGHT:高度(框框)
COLOR=文字顏色
BACKGROUND-COLOR=框內加底色
BACKGROUND-IMAGE: url(***)=框內加入底圖(動畫亦可)
