close

本文引用自rita589768 - 語法|各式框框語法

 
 
 
太多人發問關於兔子文章內提供的複製語法框是如何使用
不過因為無名文章內並不支援此種語法,所以兔子提供其他可支援無名的語法框框
右邊為自動反白語法框不適用於無名,無名請複製左邊其他部落格請自行斟酌。
(提供的都是基本款,可以自己去做變化喔)

非自動反白語法

自動反白語法

<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: #000 1px solid; BORDER-TOP: #999999 1px solid; FONT-WEIGHT: normal; OVERFLOW: hidden; BORDER-LEFT: #000 1px solid; WIDTH: 200px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 50px; FILT4R: Alpha(opacity=80)">這邊打上文字即可</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: #f3a5c9 1px solid; BORDER-TOP: #f3a5c9 1px solid; FONT-WEIGHT: normal; OVERFLOW: hidden; BORDER-LEFT: #f3a5c9 1px solid; WIDTH: 200px;BACKGROUND-IMAGE: url(http://p7.p.pixnet.net/albums/userpics/7/5/232075/49316daf4cf6d.gif); BORDER-BOTTOM: #f3a5c9 1px solid; HEIGHT: 50px; filt4r: Alpha(opacity=80)">這邊打上字</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>

arrow_357.gif解說
  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(***)=框內加入底圖(動畫亦可)

本文引用自ab09301314 - 語法|各式框框語法

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 小霝 的頭像
    小霝

    霝兒收藏屋

    小霝 發表在 痞客邦 留言(0) 人氣()