6.28日音讯,如何去掉讨厌的图片边框,好好的一个图片,怎么会生成有一个边框呢,太难看了,很让人抓狂,其实这种问题在初学者遇到的比较多一些,这是因为浏览器的默认值有关,浏览器在默认情况下图片有一蓝色边框,也就是说默认情况网页中嵌入图片是有边框,对于我们来说很是难看,那么如何去掉其图片边框?
其实很简单,只需一个代码即可,那就是使用css样式声明初始化图片边框颜色为“零”即可。
代码如下:
img{border:0}
在CSS代码中最上放入这段img标签图片边框为零即可。
如果网页中有的地方要对图片设置边框,我们再对应设置其图片边框样式即可。
exp
假如我们一个"divcss5"对象内图片要有边框样式。
代码如下:
img{border:0}
.divcss5img{border:1pxsolid#F00}
解释:
首先我们设置所有图片都不出现边框,如果“.divcss5”对象内内容使用图片,则这些图片将会被加上1px实现红色边框样式,其它地方img标签引入图片不会被加边框。
其实这个知识很简单,也不复杂,只要我们遇到过一次,下次肯定就会知道解决的方法了,正所谓会者不难,难者不会,其实只是没有掌握它的属性罢了。