奇摩部落格-框線分類:
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語法 貼上 →建議你先 複製 存檔
→儲存→看結果