给博客日志里的图片加上虚线框框的方法代码
单一的图片总感觉太单调。
打算给他们加上一个虚线框框。
网上搜索出一段代码,效果见我博客上的图片。现学现用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 ;
»除特别标注,本博客所有文章均为原创. 互联分享,尊重版权,转载请以链接形式标明本文地址 ;



相关日志:
imagevue相册加密升级篇~把JS也加密掉~囧~
虚拟主机新建子域名出现You don't have permission to access错误
如何使chrome和firefox兼容透明flash的方法 附精简代码
被各大浏览器折腾的CSS3机器猫~囧~
dz7.0发帖回复按钮及登陆按钮背景样式修改!(原创)
在 2009-03-24 22:00 鸡冻的表示: