img标签不给src就出现边框,解决办法 border:none,border:0都无效
时间: 2024-02-24 19:58:08 浏览: 258
border:none与border:0使用区别
5星 · 资源好评率100%
如果 `border:none` 和 `border:0` 都无效,可以尝试给 `img` 标签添加 `style="display: block"` 或者 `style="display: inline-block"`。这样可以将 `img` 标签设置为块级元素或者行内块级元素,使其不再显示默认的边框。例如:
```html
<img src="" style="display: block; border:none">
<!-- 或者 -->
<img src="" style="display: inline-block; border:0">
```
另外,还可以通过在 `img` 标签中添加 `width` 和 `height` 属性来指定图片的大小,这样即使没有设置实际图片链接,也能够避免出现边框的问题。例如:
```html
<img src="" width="100" height="100" style="border:none">
```
这样就可以避免在 `img` 标签没有设置 `src` 属性时出现边框的问题了。
阅读全文