给博客日志里的图片加上虚线框框的方法代码

懒小爱  发布于2009/3/24 12:06   网站经验    标签: 代码 css 图片 虚线   
单一的图片总感觉太单调。
打算给他们加上一个虚线框框。

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

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

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

很简单的代码。就这样啦。哈哈。
本文已有评论 1 条,检测到共有 1416 人飘过...↓快速评论↓

1楼
幻想の花月
在 2009-03-24 22:00 鸡冻的表示:
那个。。。这个。。。是在哪里的啊~
发表回复: