CSS去掉img图片边框

2010-01-27 10:17:51 CSS如何去掉图片边框,怎么去掉图片边框样式解决篇

CSS如何去掉html img图片边框,怎么去掉图片的边框方法问题解决篇

默认情况下如果网页中嵌入img图片,图片有一蓝色边框,也就是说默认情况网页中嵌入图片是有边框,如何去掉其图片边框

很简单,我们使用css样式声明初始化图片边框颜色为“零”即可(扩展阅读:css初始化)。

代码如下:

  1. img{border:0} 

CSS代码中最上放入这段img标签图片边框为零即可。

如果网页中有的地方要对图片设置边框,我们再对应设置其图片边框样式即可。

exp

假如我们一个"HTML8"对象内图片要有边框样式。

代码如下:

  1. img{border:0} 
  2. .HTML8 img{border:1px solid #F00 } 

解释:
首先我们设置所有图片都不出现边框,如果“.HTML8”对象内内容使用图片,则这些图片将会被加上1px实现红色边框样式,其它地方img标签引入图片不会被加边框。

更新