css样式怎么去除图片自带的边框

html-css017

css样式怎么去除图片自带的边框,第1张

要加分哦

img没边框css样式    img｛padding:0border:0margin:0display:block｝

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

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

alert("你懂了吗？")

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

a img{border:0}

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

在css中，主要通过border属性的设置，实现去掉边框。以代码编辑器：zend studio 10.0为例，可参考以下步骤去掉button（按钮）的边框：

1、新建一个html文件，命名为test.html，用于讲解。

2、在test.html文件内，使用button标签创建一个按钮，用于测试。

3、在test.html文件内，给button按钮添加一个id属性，用于样式的设置。

4、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。

5、在css标签中，通过id设置button的样式，定义其背景颜色为蓝色，文字颜色为白色，最后，将border属性设置为none，实现去掉button的边框。

6、在浏览器打开test.html文件，查看实现的效果。