框線 設定法(總整理
框線 設定法(總整理)
奇摩部落格-框線分類:
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(
全站熱搜