培迪 的痞客邦部落格

網路行銷軟體 udn貼文軟體 MSN留言軟體 網頁設計 網頁設計 

框線 設定法
如下圖 部落格框線：下載：藍線框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語法 貼上 →建議你先 複製 存檔
→儲存→看結果

台中網站架設
台灣網頁公司
台中網頁製作
健亨多媒體行銷
台灣網站架設
台中網頁公司
台北網頁製作