给日志图片加边框【转】

分类:-----学习板块----- | 标签: 花之物语  
2010-12-09 14:26 阅读(?)评论(0)

    

1、单边框

这里我又准备了一张图(下面的图片),准备在这个日志里,用来练习加边框。

 

1-1、代码

<center><img src="http://120.img.pp.sohu.com/images/blog/2007/9/7/16/18/1157976bce3.jpg"

 style="border:3 solid #ff0000"></center>

注:1、代码里的红色部分,是选择好图片的保存地址。

     2、保存图片,将地址填入代码中的方法,请参考“ [博客装修技术]主页个人档案和背景的图片设置与代码 ” 日志中,代码及设置的方法是相同的。那篇日志的地址:http://hananomonogatari.blog.sohu.com/46557607.html?act=1199796618238

 

1-2、制作练习

 

 

2、双边框

2-1、代码

<center><img
src="
http://118.img.pp.sohu.com/images/blog/2007/7/27/21/10/114a169d1b5.jpg"

 style="border:5 double green"></center>

 
2-2、制作练习 
 
 
 
 
 
3、点线边框
 
3-1、代码

<center> <img src="http://120.img.pp.sohu.com/images/blog/2007/9/7/16/18/1157976bce3.jpg"

 style="border:4 dashed #CCCC00"></center>

 

3-2、制作练习 

 

 

4、立体边框(1)

4-1、代码

<center><img src="http://120.img.pp.sohu.com/images/blog/2007/9/7/16/18/1157976bce3.jpg"
 style="border:25 outset #ff9900"></center>

 
4-2、制作练习
 
   

 

5、立体边框(2)

5-1、代码

<center><img
src="
http://120.img.pp.sohu.com/images/blog/2007/9/7/16/18/1157976bce3.jpg"

 style="border:25 inset #ff88ff"></center>

 

5-2、制作练习

 

          
 

 

       另外,我准备在“给日志图片添加边框(2)”里,再汇总另外几种边框制作的代码,在“给日志图片添加边框(3)”里,想介绍一下颜色代码。如果有了颜色代码,我们就可以根据图片和自己的喜好来选择颜色,这样的制作,应该更加充满乐趣。

       大家在加边框的试作过程中,如果发现什么问题,请及时给我留言,我们一起来探讨、一起提高博客制作技术。

 

 

博客制作应用技术

1、[原创]为自己做个漂亮的印章

2、[原创]为自己的日志加工图片  

3、[原创]给日志图片添加边框 

4、[原创]在日志里添加喜欢的音乐-1 

5、[原创]在日志里添加喜欢的音乐-2(用动感相册添加音乐)

6、[原创]在漂亮底图模版上写日志-1、单层底图

7、[原创]在漂亮底图模版上写日志-2、双层底图

                     ---------- 感谢物语的指点与收集。香儿再次谢过了。

  最后修改于 2015-11-22 10:59    阅读(?)评论(0)
上一篇: 乐观的面对不幸 下一篇:甜瓜接旨
 
表  情:
加载中...
 

请各位遵纪守法并注意语言文明