框線 設定法(總整理




2008/03/21 23:55


 




框線 設定法(總整理)



奇摩部落格-框線分類:



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(



arrow
arrow
    全站熱搜
    創作者介紹
    創作者 牡麗三郎 的頭像
    牡麗三郎

    牡麗三郎的部落格

    牡麗三郎 發表在 痞客邦 留言(1) 人氣()