如下圖 部落格框線:


下載:藍線框CSS範本


資料參考:


感謝  ღ 鬼系〃涼咩咩‵  提供:


http://tw.myblog.yahoo.com/every-time/article?mid=1537#1613


 



語法說明:↓



 


框線設定


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


奇摩部落格-框線分類:


/*Opacity for sub column左右欄框線*/



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



/*Opacity for main content文章區框線*/
 


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


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


框線語法:






/*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 }
 


 






/*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}
 


 






/*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}
 


 






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


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


色碼表查詢


opacity:100  ←不透明


opacity:0      ←透明


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


設成0px則可消除外框


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


solid(實心線)


dotted(點)


dashed(短線)


double(雙實線)


立體效果:


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


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


將語法貼在CSS 內


建議你先 複製 存檔


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


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


 →儲存→看結果





 


我不是大師也不是高手


沒有前面的高手先行教導分享


也無法明瞭CSS的魅力


對所有高手們 說聲:謝謝~無線感


高手群:


不吃魚的貓--提供無數範本


http://tw.myblog.yahoo.com/lyc007sos/archive?l=f&id=5


小小羊兒-- 美麗熱情細心解說


http://tw.myblog.yahoo.com/jw!CSu5DHmBERyjmtIvo6vbZbKOn7L3dQ--/


2006~2010--神秘高手


http://tw.myblog.yahoo.com/s-c/


玄音-美麗 有才情


http://tw.myblog.yahoo.com/jw!uSQuxCuICkYsLN62.y8z/



趕工去了-沒法回覆大家請見諒


等我修完圖 才能好好回覆


感恩~吉祥




引用:http://tw.myblog.yahoo.com/jw!zo1RlCmfHxlEo2UTXCcDzads5GkC/article?mid=2590

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

    培迪 的痞客邦部落格

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