单一的图片总感觉太单调。
打算给他们加上一个虚线框框。

网上搜索出一段代码,效果见我博客上的图片。现学现用ing~
在CSS文件里,加上如下代码即可:
.insertimage{ border: 1px dotted #000;padding:2px; }


下面我来解释一下这段代码的意思:

insertimage——这个我也不清楚=。=我想应该是图片的意思,或者确切地说是日志里的图片,而非整个网页的图片
border: 1px——这个是边框的宽度,我这里设置成了1像素,数字可以按你个人喜好随意调节
dotted #000——是指虚线的意思,如果是实线就用把“dotted”改成“solid”,后面的#000是颜色代码,我这里是黑色
padding:2px——这段属性是我自己添加上去的,他的效果就是虚线离图片有2个像素的距离,不然如果没有这条属性,虚线框就会紧贴图片,个人觉得不太好看,所以让他们分开一点。

很简单的代码。就这样啦。哈哈。

作者:懒小爱@禁爱庄园
地址:http://www.loveif.com/post/42/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!

Tags: , , ,
幻想の花月 Says:
2009/03/24 22:00
那个。。。这个。。。是在哪里的啊~
分页: 1/1 第一页 1 最后页
发表评论
昵称 [注册]
密码 游客无需密码
网址
电邮
打开HTML 打开UBB 打开表情 隐藏 记住我 [注册]