请问实用CSS如何消除A标签的图片边框

html-css021

请问实用CSS如何消除A标签的图片边框,第1张

去除a标签中图片的表框,那就直接css中将a标签中的img的border属性设置为0即可,css如下:

a img{border:0}

这样写的意思就是所有a标签下的图片,边框都为0。

CSS去掉div的边框可以去掉css的border属性,或者覆盖border属性为none来实现。

1、如图,这是一个带边框的div测是页面。

2、第一个div的边框是这行css实现的效果

border:5pxsolidblack

3、第二个div没有设置边框样式

4、第三个div的css设置了边框样式,但被内联样式覆盖为none,因此也能不显示边框。

代码如下

<divclass="box1"></div>

<divclass="box2"></div>

<divclass="box3"style="border:none"></div>

div{

width:200px

height:120px

margin-bottom:10px

background-color:yellow

}

.box1,.box3{

border:5pxsolidblack

}

要加分哦

img没边框css样式    img{padding:0border:0margin:0display:block}

截取是 比如图片上的边框是1px

.div{background:url(图片地址) 1px 1px width:图片width-2height:图片height-2}

alert("你懂了吗?")