css - 链接图片下方的多出的边（横线）如何消除？

Answer 1

img{display: block;}

如前面的朋友所說，img是inline元素，把img轉換成block塊元素就可以了

Answer 2

img 屬於行內元素，具有：

    display: inline;

與文字相似，基線並不是在容器底部，設定下display或font-size屬性可以消除

header > a > img {
    display: inline-block;
    font-size： 0;
}

改變其父元素 a 的行高line-height也可

header > a {
    line-height: 0;
}

Answer 3

不是border:none？

Answer 4

我擦，不是text-decoration:none;?

Answer 5

設定連結a的樣式？

Answer 6

雷雷

http://www.w3schools.com/css/css_link.asp
http://www.w3schools.com/css/tryit.asp?filename=trycss_link_decoration

Answer 7

一般直接顯示圖片不會出現底線。導致下劃線是因為你在圖片外套了a標籤導致的，你可以在css中寫
a{
text-decoration:none;
}
來消除a標籤的下劃線

Answer 8

加個CSS reset試試？

Answer 9

其實我想問下為什麼要在*{padding:0; margin:0; background-color: #ccc;}這裡的background-color設定的話，其他任何標籤都會受到影響吧。