神马文学网简单易学（永久保存）：用HTML代码制作日志边框教材
来源：百度文库 编辑：神马文学网 时间：2024/04/19 21:28:35
本帖因图片太多打开较慢，请稍候
用HTML代码制作日志
边框教材（视频）
——本帖制作：神针七号——
朋友，当你看到那些用HTML代码制作的漂亮边框装饰的日志时，是不是也想亲手做几款呢？这里，我选择网友梅自制的视频教材，供大家学习。还就本帖边框的制作写出简洁技术资料，与大家交流。
（点击下面播放器开关播放教材）
',1)">
HRML在线编辑器地址：
第二步：点编辑器窗口最下一排第9个图标（ 插入表格）
第三步：在出来的对话框里分别将表格行数、列数改为1；对齐方式选择居中；边框粗细改为0；单元间距、单元边距改为60；将第一张图片地址粘贴到背景图片后面空格内，点确定。
第四步：左键点击编辑显示出来的图片中间，把光标放在第一张图片中左边。
第五步：再点击表格图标，分别将表格行数、列数改为1；对齐方式选择居中；边框粗细改为0；单元间距、单元边距改为25；将第二张图片地址粘贴到背景图片后的空格里，点确定。
第六步：把光标放在第二张图片中左边。
第七步：再点击表格图标，分别将表格行数、列数改为1；对齐方式选择居中；边框粗细改为0；单元间距、单元边距改为9；将第三张图片地址粘贴到背景图片后的空格里，点确定。
第八步：把光标放在第三张图片中左边。
第九步：再点击表格图标，分别将表格行数、列数改为1；对齐方式选择居中；边框粗细改为2；单元间距、单元边距改为6；将第四张图片地址粘贴到背景图片后的空格里，点确定。
第十步：把光标放在第四张图片中左边。
第十一步：再点击表格图标，分别将表格行数、列数改为1；对齐方式选择居中；边框粗细改为0；单元间距、单元边距改为30；将第五张图片地址粘贴到背景图片后的空格里，点确定。
第十二步：把光标放在第五张图片中左头边，点删除键backspace，把第五张图片上边删去一次；把光标放在第四张图片中左头边，点删除键把第四张图片上边删去一次，边框编辑完成。
点编辑器左下方的“源代码”，便得到了边框的代码。
打开自己的空间写日志，点日志编辑窗口上的“高级”，点“HTML”，把窗口里面的东西删干净，然后复制得到的边框源代码，把代码粘贴到空处，点“返回”，在边框中间，就可以编辑你的日志了（见本空间如何使用HTML代码边框）。
用HTML代码制作边框，说白了，就是把图片一层层叠加，调整好留出来的部分图片宽度，美化日志和图片，给人以美的享受。因此，边框的层数可以增加和减少，仅在一张图片上写日志也是可以的；边框粗细（指边线粗细）可以根据需要调整，一般在0-5；单元间距、单元边距可根据需要和图片的宽、高度进行调整，大边一般在20-100，小边一般在1-20；边框样式也是可以调整的，从而做出风格不同的边框来。
为了方便朋友们练习，特送上一些图片供朋友们选用，这里要说明的是，图片不怕小，编辑边框时它会自动重复成一块大图的，朋友们可以在网上取用，也可以截图自制。
1、背景图片
2、装饰图片
3、闪光图片（见本空间的彩色闪光素材）
点击这里进入精经乐盗的空间点击这里进入神针七号的空间
点击这里进入浪里浪的空间点击这里进入松下库子的空间
点击这里进入我的个人影音空间
',2)">
用HTML代码制作日志
边框教材（视频）
——本帖制作：神针七号——
朋友，当你看到那些用HTML代码制作的漂亮边框装饰的日志时，是不是也想亲手做几款呢？这里，我选择网友梅自制的视频教材，供大家学习。还就本帖边框的制作写出简洁技术资料，与大家交流。
（点击下面播放器开关播放教材）
',1)">
HRML在线编辑器地址：
第二步：点编辑器窗口最下一排第9个图标（ 插入表格）
第三步：在出来的对话框里分别将表格行数、列数改为1；对齐方式选择居中；边框粗细改为0；单元间距、单元边距改为60；将第一张图片地址粘贴到背景图片后面空格内，点确定。
第四步：左键点击编辑显示出来的图片中间，把光标放在第一张图片中左边。
第五步：再点击表格图标，分别将表格行数、列数改为1；对齐方式选择居中；边框粗细改为0；单元间距、单元边距改为25；将第二张图片地址粘贴到背景图片后的空格里，点确定。
第六步：把光标放在第二张图片中左边。
第七步：再点击表格图标，分别将表格行数、列数改为1；对齐方式选择居中；边框粗细改为0；单元间距、单元边距改为9；将第三张图片地址粘贴到背景图片后的空格里，点确定。
第八步：把光标放在第三张图片中左边。
第九步：再点击表格图标，分别将表格行数、列数改为1；对齐方式选择居中；边框粗细改为2；单元间距、单元边距改为6；将第四张图片地址粘贴到背景图片后的空格里，点确定。
第十步：把光标放在第四张图片中左边。
第十一步：再点击表格图标，分别将表格行数、列数改为1；对齐方式选择居中；边框粗细改为0；单元间距、单元边距改为30；将第五张图片地址粘贴到背景图片后的空格里，点确定。
第十二步：把光标放在第五张图片中左头边，点删除键backspace，把第五张图片上边删去一次；把光标放在第四张图片中左头边，点删除键把第四张图片上边删去一次，边框编辑完成。
点编辑器左下方的“源代码”，便得到了边框的代码。
打开自己的空间写日志，点日志编辑窗口上的“高级”，点“HTML”，把窗口里面的东西删干净，然后复制得到的边框源代码，把代码粘贴到空处，点“返回”，在边框中间，就可以编辑你的日志了（见本空间如何使用HTML代码边框）。
用HTML代码制作边框，说白了，就是把图片一层层叠加，调整好留出来的部分图片宽度，美化日志和图片，给人以美的享受。因此，边框的层数可以增加和减少，仅在一张图片上写日志也是可以的；边框粗细（指边线粗细）可以根据需要调整，一般在0-5；单元间距、单元边距可根据需要和图片的宽、高度进行调整，大边一般在20-100，小边一般在1-20；边框样式也是可以调整的，从而做出风格不同的边框来。
为了方便朋友们练习，特送上一些图片供朋友们选用，这里要说明的是，图片不怕小，编辑边框时它会自动重复成一块大图的，朋友们可以在网上取用，也可以截图自制。
1、背景图片
2、装饰图片
3、闪光图片（见本空间的彩色闪光素材）
点击这里进入精经乐盗的空间点击这里进入神针七号的空间
点击这里进入浪里浪的空间点击这里进入松下库子的空间
点击这里进入我的个人影音空间
',2)">
简单易学（永久保存）：用HTML代码制作日志边框教材
制作HTML边框的方法 - 日志 - 小雨
HTML音画介绍之一--基本原理和边框的制作（原创） - 紫寒燕雨的日志 - 网易博客
用Html代码制作图片雾化效果
说说日志边框简单的制作
制作HTML边框的方法
制作HTML边框的方法
HTML做帖子技巧和代码-边框篇（2）
用代码制作别具一格的表格边框
代码制作边框
简单边框代码
（建议永久保存）
引用 精美边框代码与制作效果（4） - 成靖的日志 - 网易博客
引用 精美边框代码与制作效果1（4） - 成靖的日志 - 网易博客
【日志制作】五款图片颜色边框的代码
简单快速制作边框
简单快速制作边框
一组简单实用的日志边框【含代码】
HTML代码精美素材边框1
（十）用HTML代码制作的各种图片效果(淡化边缘效果)
博客边框常识 HTML代码精美素材边框
蕾丝边框制作代码【原创】
如何制作边框的代码
(57)代码制作霓虹灯边框