注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

美玉的博客

 
 
 

日志

 
 

边框制作方法  

2015-07-04 22:11:24|  分类: 边框素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

下面是一个三层边框的代码

1、使用方法:进入写日志 — 点击<> (源代码)把代码粘贴上,红色的是图片地址,更换不同的图片,就会得到不同风格的边框。更换完图片点<>,边框就出现了,在边框里点一下鼠标,就可以插入图片、写日志了,边框可随内容的增减而伸缩。

2、更换图片方法:到边框素材那里选图片,在选好的图片上单击右键-属性,复制地址,回来把红色代码删除,再把图片地址粘贴上。

3、选图时,要考虑颜色的搭配,一般是第一层颜色稍深一点,第二层最好用条状图片,第三层图片颜色要浅一些为好。

4、还可以做成单层、两层、多层边框,做几层的把代码复制几条就可以了。

<TABLE border=0 cellSpacing=50 borderColor=#000000 cellPadding=0 width="100%" background=http://img2.ph.126.net/5Y7uIAgwcQsgGym0fHlacA==/6597418311842847176.jpg>
<TBODY>
<TBODY>
<TR>
<TD>
<TABLE border=0 cellSpacing=10 borderColor=#4f94cd cellPadding=0 width="100%" background=http://img1.ph.126.net/aPh3FxGxal4kXiy89rlaWQ==/1289718343306200019.jpg>
<TBODY>
<TBODY>
<TR>
<TD>
<TABLE border=0 cellSpacing=0 borderColor=#4f94cd cellPadding=0 width="100%" background=http://img.blog.163.com/photo/VSKUy5cQh-BSA6ehV-pvrw==/2265873562521232953.jpg>
<TBODY>
<TR>
<TD>


 代码解读:


cellSpacing=50 边框图片显示宽度,一般我喜欢第一层为50,第二层为10,第三层为0就行了。可以根据自己的喜好变换宽窄。

border=0边框每层间的距离,一般设为0即可。

width="100%"边框整体显示宽度,设为100%就会铺满页面。

background=图片地址,在这里更换不同的图片地址,就能得到不同风格的边框。

暂时先学这些,熟练掌握了,就初步会用代码做边框了。

  评论这张
 
阅读(25)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017