網路城邦
上一篇 回創作列表 下一篇  字體:
框線 設定法
2007/09/28 20:19:38瀏覽10|回應0|推薦0

奇摩部落格-框線分類:

1.  /*Opacity for blogtitle上橫框 框線*/

框線語法:

/*Opacity for blogtitle上橫框 框線*/
#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:77)
border-bottom:3px double #0033FF ;
border-top:3px double #0033FF;
border-left:3px double #0033FF;
border-right:3px double #0033FF }
 

2.

/*Opacity for sub column左右欄框線*/
.yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {zoom:1; filter:alpha(opacity:79)
border-bottom:3px double #0033FF;
border-top:3px double #0033FF;
border-left:3px double #0033FF;
border-right:3px double #0033FF}
 

3.

/*Opacity for main content文章區框線*/
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:78)
border-bottom:3px double #0033FF;
border-top:3px double #0033FF;
border-left:3px double #0033FF;
border-right:3px double #0033FF}
 

 

4.

/*部落格大框線*/
body {border: 5px double #0033FF ;}
 

藍色-改色碼   ←color:#904E0E

opacity:100  ←不透明

opacity:0      ←透明

1px為外框的厚度,數值越大寬度越大,可自行設定。

設成0px則可消除外框

doubled可改為下列不同樣式的外框

solid(實心線)

dotted()

dashed(短線)

double(雙實線)

立體效果:

groove(立體內凸框)ridge(立體浮凸框)inset(凹框)outset(凸框)

..............................

將語法貼在CSS

 

建議你先 複製 存檔

管理部落格 面板設定 自訂樣式

將你的css語法 貼上建議你先 複製 存檔

 →儲存看結果

( 知識學習檔案分享 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇