img标签也可以加上背景的

逍遥老鬼 撰写  

  刚才在怿飞的博客上看到,<img>标签,一样可以加上背景的。

  以前不知道,但是看他那里评论,这个其实很早就有人用了,他的方法就是,首先将<img>标签设置成块(block),然后就可以加上背景了。

  这种办法其实挺简单的,比如,做一系列的图片列表,需要添加背景的那种,就可以不用加上厚厚的边框来实现那种带边框的效果了。加上一个背景,还是挺好看的,加个花边或者别的。

  怿飞这里有个例子可以看看:例子地址

  给img设置双边效果的代码可以参考下面的代码:

img {
display:block;
padding:1px;
background:red;
border:1px solid black;
}


条评论

  1. 发表了 2010/01/29 在 7:27 下午 | 永久链接 | Reply

    这东西有一个很好的应用是,给img做一个gif动画的背景比如说沙漏什么的,表示图片在载入,图片载入完成之后,只要不是透明的png,会把这个沙漏挡住,不影响浏览

发表评论

Your email is never shared. 标记为 * 的为必填项目

*
*