Question

dreamweaver中的a标签设置了display:block属性 如何让其中的图像不受影响 就是图像老是有一个边框去不掉

代码如下：<li><a href="index.html"><img src=“image/house.gif" alt="" />首页</a></li>
ie效果：

哪位高手指点下，有没有办法把框框去掉啊，快疯了。

Answer 1

1.所有的块级元素不需要再在使用display：block定义，块级元素本身的默认属性就是block
2.display：block；比较常用于<a><span>这两个标签，因为他们不是块级元素，定义display：block属性后，定义width、height等和长宽相关的css属性才会生效。
3.之前曾对div设置过display：hidden，则需要重新定义。
4.是不是定义的宽高不同，重新定义下，应该没有问题。
5.另外也有可能不是display的问题，而是图片的边框问题img的border设置为none;

Answer 2

　　给a中的图像标签加一个去掉边框的属性即可，代码如下：
　　a img{ border:none; }

Answer 3

img的border设置为none;

追问

谢谢高手啊！解决了！还有一个问题再请教下麻烦了：

为什么用IE浏览器左边那个边框会变成那个颜色啊？

    <li>

    <input name="submit" type="submit" class="btn1" value="登录"/>

    <input name="reg" type="reset" class="btn2" value="注册" />

    </li>

btn1 btn2边框设置都一样啊

追答

button设置图片背景时。input的border要设置为none，还有就是去掉周围的虚线（鼠标点击的时候），可以网上搜一下