部落格邊框製作→*高手版*
這算嗎?如果你前面2篇文章都學會了! 有時候剪裁是不是會發現邊框沒辦法連在一起呢? 這篇文章就可以解決你的問題嚕~ 教學↓↓↓ 原來的語法 *shared rounded corner for all modules可以在這裡打上誰自製或者邊框名稱*/ 我們把他分開看 第1個語法 *shared rounded corner for all modules可以在這裡打上誰自製或者邊框名稱*/ 用紅色選起來的地方就是可以改的數字 第2個語法 .ycntmod .rctop div {background:url(邊框右上角直幅圖片網址2) right top no-repeat;height:25px;font-size:0;position:relative;right:-5px;} 第3個語法 .ycntmod .rcbtm {zoom:1;background:url(邊框左下角橫幅圖片網址3) left bottom no-repeat;margin-right:5px;} 第4個語法 .ycntmod .rcbtm div {background:url(邊框右下角直幅圖片網址4) right bottom no-repeat;height:30px;font-size:0;position:relative;right:-5px;} 第5個語法 .ycntmod .rcl {padding-left:6px;background:url(邊框左邊框線圖片網址5) repeat-y;} 第6個語法 .ycntmod .rcr {zoom:1;padding-right:6px;background:url(邊框右邊框線圖片網址6) right repeat-y;} .ycntmod .text {position:relative;word-break:break-all;} .yc3pribd .ycntmod{overflow:visible;} .yc3pribd .ycntmod .yblogcnt{overflow:hidden;} 合起來就會變成這樣 第1個語法 *shared rounded corner for all modules可以在這裡打上誰自製或者邊框名稱*/ .ycntmod .rctop div {background:url(邊框右上角直幅圖片網址2) right top no-repeat;height:25px;font-size:0;position:relative;right:-5px;} .ycntmod .rcbtm {zoom:1;background:url(邊框左下角橫幅圖片網址3) left bottom no-repeat;margin-right:5px;} .ycntmod .rcbtm div {background:url(邊框右下角直幅圖片網址4) right bottom no-repeat;height:30px;font-size:0;position:relative;right:-5px;} .ycntmod .rcl {padding-left:6px;background:url(邊框左邊框線圖片網址5) repeat-y;} .ycntmod .rcr {zoom:1;padding-right:6px;background:url(邊框右邊框線圖片網址6) right repeat-y;} |
 |
留言列表
