DIY玩化學

←就是旁邊這條邊線圖

↓下面的CSS的語法，是部落格目前使用的
/*Shared rounded corner for all modules*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(文章左上角和上方圖檔網址) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(文章右上角圖檔網址) right top no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(文章左下角和下方圖檔網址) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(文章右下角圖檔網址) right bottom no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:5px;background:url(文章直左邊條圖檔網址) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:5px;background:url(文章直右邊條圖檔網址) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

將藍色的部份，貼上連結圖檔的網址，前後括號＂（）＂也是語法之ㄧ喔，別刪除喔！
語法範例：

/*Shared rounded corner for all modules*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://xxxxx.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://xxxxx.gif) right top no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://xxxxx.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://xxxxx.gif) right bottom no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:5px;background:url(http://xxxxx.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:5px;background:url(http://xxxxx.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

引用：http://tw.myblog.yahoo.com/jw!qZUdTTKeBRQ96YSnQrLppw--/article?mid=16