本帖因圖片太多打開(kāi)較慢，請(qǐng)稍候
用HTML代碼制作日志
邊框教材（視頻）
——本帖制作：神針七號(hào)——
朋友，當(dāng)你看到那些用HTML代碼制作的漂亮邊框裝飾的日志時(shí)，是不是也想親手做幾款呢？這里，我選擇網(wǎng)友梅自制的視頻教材，供大家學(xué)習(xí)。還就本帖邊框的制作寫(xiě)出簡(jiǎn)潔技術(shù)資料，與大家交流。
（點(diǎn)擊下面播放器開(kāi)關(guān)播放教材）
HRML在線編輯器地址：
第二步：點(diǎn)編輯器窗口最下一排第9個(gè)圖標(biāo)（ 插入表格）
第三步：在出來(lái)的對(duì)話框里分別將表格行數(shù)、列數(shù)改為1；對(duì)齊方式選擇居中；邊框粗細(xì)改為0；單元間距、單元邊距改為60；將第一張圖片地址粘貼到背景圖片后面空格內(nèi)，點(diǎn)確定。
第四步：左鍵點(diǎn)擊編輯顯示出來(lái)的圖片中間，把光標(biāo)放在第一張圖片中左邊。
第五步：再點(diǎn)擊表格圖標(biāo)，分別將表格行數(shù)、列數(shù)改為1；對(duì)齊方式選擇居中；邊框粗細(xì)改為0；單元間距、單元邊距改為25；將第二張圖片地址粘貼到背景圖片后的空格里，點(diǎn)確定。
第六步：把光標(biāo)放在第二張圖片中左邊。
第七步：再點(diǎn)擊表格圖標(biāo)，分別將表格行數(shù)、列數(shù)改為1；對(duì)齊方式選擇居中；邊框粗細(xì)改為0；單元間距、單元邊距改為9；將第三張圖片地址粘貼到背景圖片后的空格里，點(diǎn)確定。
第八步：把光標(biāo)放在第三張圖片中左邊。
第九步：再點(diǎn)擊表格圖標(biāo)，分別將表格行數(shù)、列數(shù)改為1；對(duì)齊方式選擇居中；邊框粗細(xì)改為2；單元間距、單元邊距改為6；將第四張圖片地址粘貼到背景圖片后的空格里，點(diǎn)確定。
第十步：把光標(biāo)放在第四張圖片中左邊。
第十一步：再點(diǎn)擊表格圖標(biāo)，分別將表格行數(shù)、列數(shù)改為1；對(duì)齊方式選擇居中；邊框粗細(xì)改為0；單元間距、單元邊距改為30；將第五張圖片地址粘貼到背景圖片后的空格里，點(diǎn)確定。
第十二步：把光標(biāo)放在第五張圖片中左頭邊，點(diǎn)刪除鍵backspace，把第五張圖片上邊刪去一次；把光標(biāo)放在第四張圖片中左頭邊，點(diǎn)刪除鍵把第四張圖片上邊刪去一次，邊框編輯完成。
點(diǎn)編輯器左下方的“源代碼”，便得到了邊框的代碼。
打開(kāi)自己的空間寫(xiě)日志，點(diǎn)日志編輯窗口上的“高級(jí)”，點(diǎn)“HTML”，把窗口里面的東西刪干凈，然后復(fù)制得到的邊框源代碼，把代碼粘貼到空處，點(diǎn)“返回”，在邊框中間，就可以編輯你的日志了（見(jiàn)本空間如何使用HTML代碼邊框）。
用HTML代碼制作邊框，說(shuō)白了，就是把圖片一層層疊加，調(diào)整好留出來(lái)的部分圖片寬度，美化日志和圖片，給人以美的享受。因此，邊框的層數(shù)可以增加和減少，僅在一張圖片上寫(xiě)日志也是可以的；邊框粗細(xì)（指邊線粗細(xì)）可以根據(jù)需要調(diào)整，一般在0-5；單元間距、單元邊距可根據(jù)需要和圖片的寬、高度進(jìn)行調(diào)整，大邊一般在20-100，小邊一般在1-20；邊框樣式也是可以調(diào)整的，從而做出風(fēng)格不同的邊框來(lái)。
為了方便朋友們練習(xí)，特送上一些圖片供朋友們選用，這里要說(shuō)明的是，圖片不怕小，編輯邊框時(shí)它會(huì)自動(dòng)重復(fù)成一塊大圖的，朋友們可以在網(wǎng)上取用，也可以截圖自制。
1、背景圖片
2、裝飾圖片
3、閃光圖片（見(jiàn)本空間的彩色閃光素材）
本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)
點(diǎn)擊舉報(bào)。
