首页 > xhtml&css > img标签也可以加上背景的

img标签也可以加上背景的

2008年10月21日 发表评论 阅读评论

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

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

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

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

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

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

分类: xhtml&css 标签: , ,
  1. 2010年1月29日19:27 | #1

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

  1. 本文目前尚无任何 trackbacks 和 pingbacks.