HTML:
<;html>;
<;车身>;
<;标题>;
<;img class=“logo”/>;
</标题>;
</车身>;
</html>;
CSS:
*{
边际:0px;
填充:0px;
边界:无;
}
img.logo{
宽度:126px;
高度:50px;
背景图片:url('images/logo.png');
}
不管怎样,每次我尝试设计这样一个IMG时,都会出现一个奇怪的边框。即使我会放置边界:0px;或边界:无;在img.css徽标中,边框保持不变
当您使用img元素时,如果src属性设置为不存在的内容(或根本不存在src),则会出现默认的“特殊”边框
常见的解决方法是将src设置为blank.gif文件:
<;img class=“logo”src=”https://stackoverflow.com/questions/5743083/blank.gif“/>;
我必须指出,(在这种情况下)使用<;img>带有背景图像。只需设置src属性,忘记背景图像