给博客日志里的图片加上虚线框框的方法代码
单一的图片总感觉太单调。
打算给他们加上一个虚线框框。
网上搜索出一段代码,效果见我博客上的图片。现学现用ing~
在CSS文件里,加上如下代码即可:
[code].insertimage{ border: 1px dotted #000;padding:2px; }[/code]
下面我来解释一下这段代码的意思:
insertimage——这个我也不清楚=。=我想应该是图片的意思,或者确切地说是日志里的图片,而非整个网页的图片
border: 1px——这个是边框的宽度,我这里设置成了1像素,数字可以按你个人喜好随意调节
dotted #000——是指虚线的意思,如果是实线就用把“dotted”改成“solid”,后面的#000是颜色代码,我这里是黑色
padding:2px——这段属性是我自己添加上去的,他的效果就是虚线离图片有2个像素的距离,不然如果没有这条属性,虚线框就会紧贴图片,个人觉得不太好看,所以让他们分开一点。
很简单的代码。就这样啦。哈哈。
打算给他们加上一个虚线框框。
网上搜索出一段代码,效果见我博客上的图片。现学现用ing~
在CSS文件里,加上如下代码即可:
[code].insertimage{ border: 1px dotted #000;padding:2px; }[/code]
下面我来解释一下这段代码的意思:
insertimage——这个我也不清楚=。=我想应该是图片的意思,或者确切地说是日志里的图片,而非整个网页的图片
border: 1px——这个是边框的宽度,我这里设置成了1像素,数字可以按你个人喜好随意调节
dotted #000——是指虚线的意思,如果是实线就用把“dotted”改成“solid”,后面的#000是颜色代码,我这里是黑色
padding:2px——这段属性是我自己添加上去的,他的效果就是虚线离图片有2个像素的距离,不然如果没有这条属性,虚线框就会紧贴图片,个人觉得不太好看,所以让他们分开一点。
很简单的代码。就这样啦。哈哈。
»版权所有:《禁爱庄园》 → 《给博客日志里的图片加上虚线框框的方法代码》;
»本文网址:http://www.loveif.com/post/42/ ;
»除特别标注,本博客所有文章均为原创. 互联分享,尊重版权,转载请以链接形式标明本文地址 ;
»本文网址:http://www.loveif.com/post/42/ ;
»除特别标注,本博客所有文章均为原创. 互联分享,尊重版权,转载请以链接形式标明本文地址 ;



相关日志:
推荐一本心灵类的书,同时跪求boblog的嵌套回复代码!
推荐一款小巧实用的代码比较工具TextDiff
被拒绝N次后成功申请百度联盟的一些小技巧
[Discuz!插件发布]别人复制你文章时自动加上版权宣传代码FOR 7.0(支持静态)
新年快乐!附QQ表情预览变空白的解决办法~
在 2009-03-24 22:00 鸡冻的表示: