如下圖 部落格框線:
下載:藍線框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
留言列表