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

满园春色

 
 
 

日志

 
 

怎样运用背景图片做边框  

2014-09-15 15:40:35|  分类: 【边框隔线】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
怎样运用背景图片做边框
        做边框首先需要在这个在线编辑器里制作,这里的地址,点击就可以开始制作了。

在线编辑器的地址http://ny.xmu.edu.cn/editor.asp

http://www.wyzxsx.com/editor.asp

我们点开这个编辑器就可以看到:

图片

点击编辑器下面的那个编辑,就有个小光标出来,看到光标后就可以开始制作,

(哦,忘记说了,先把需要用的
素材都上传进你相册)然后去相册找到你需要的图片,

点击鼠标
的右键,就可以看到最下面有个属性,点开属性,就会出来图片地址了:
图片

复制好这个地址,点击取消,然后去编辑器里操作:

图片

点开插入表格,就会出现这个表格,这一行一列和居中,是不可以改变的其余的数字都

随意。

不同的数字,就
有不同的边框效果。
这里所填的数字,就是我在上一篇日记里所提到的,最关键的就是靠这些数字来决定边

框的粗细,其实很简单
就是改变单元间距和单元边距的数字,边框的粗细在1至10之间

自己都可以随意改的,在背景图片那里粘贴
你所复制的背景图片地址,点击确定就ok

了。
这就是边框的第一层,然后做第二层,在空白处释放一下鼠标,在图片上点击一下鼠标

所闪动的位置就是第二层边框的位置,
再去相册复制图片地址,再点击插入表格:

图片

第二层我填的是10,你们自己随意,

图片图片

再去做第三层,每做一层时,记得把光标放在前一层上,按删除键退一格。

图片

这已经做好了三层了,都是些重复相同的步骤,我就不啰嗦了,最后做好的效果就是这

样的

按回车键就会宽些的了

做好后了后,就点击源代码,再点击右键,点全选代码就会全部变黑,点复制代码

看,这就是我们做好的5层边框的代码了

图片

复制好了就返回我们的日记里,在HTML的状态下编辑

图片

图片

删空日记里出现的那几个字母,然后粘贴进刚刚复制的代码,点返回就可以看见边框已

经在我们日记里了。
在第5层里面编辑日记类容.
图片

这是用图片做的边框,还可以用透明图片做边框的,透明图片就是要添加个背景颜色

图片这种图片叫透明图片,你不加背景颜色,边框里显示时就会

是白色的了
图片

还可以用边框样式做边框的,很多种的,自己可以多试,多练习。

图片

  评论这张
 
阅读(27)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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