/*shared rounded corner for all modules部落格邊框語法←在此可以輸入中文名稱*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://邊框左上角橫幅圖片網址01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://邊框右上角直幅圖片網址02.gif) right top no-repeat;height:98px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://邊框左下角橫幅圖片網址03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://邊框右下角直幅圖片網址04.gif) right bottom no-repeat;height:152px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:6px;background:url(http://邊框左邊框線圖片網址05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:6px;background:url(http://邊框右邊框線圖片網址06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

部落格的一般邊框框線 是由6張圖片配合著語法組合而成

既然稱為簡易篇 當然我們一開始不可能自己去編輯語法 我的小方法就是

請各位可以運用一各自己認為大小符合自己條件的邊框

例如 我製作好發表過的邊框 語法裡如上述所說的 他會有6張圖片網址

每張圖片都依序另存在自己的電腦裡面

我就取一各最近做的邊框來運用吧

首先我先取他的左上角圖片另存在自己電腦裡 在使用我最愛用的動畫軟體G5來製作

Ulead GIF Animator 5註冊版+中文化下載：http://rongedu.myweb.hinet.net/sharedl/gif5.rar

接下來來試著做看看吧

步驟一 剛提到的 請先將六張圖片分別另存在自己的電腦後 我們來開啟第一張圖片