img设置img[src=""],还是会有边框展示一下
时间: 2024-02-24 22:59:35 浏览: 26
是的,即使设置了 `img[src=""]`,如果图片的边框样式不为0,则仍然会展示边框。可以通过设置 `border: none;` 来去掉边框。例如:
```css
img[src=""] {
border: none;
}
```
相关问题
img标签不给src就出现边框,解决办法
一般来说,如果 `img` 标签没有设置 `src` 属性,浏览器会默认显示一个带有边框的空白图片框。为了避免出现这种情况,可以通过以下两种方式来解决:
1. 使用 CSS 隐藏边框:可以通过设置 `border: none` 来隐藏边框:
```html
<img style="border: none" />
```
2. 给 `src` 属性设置一个默认值:可以在 `img` 标签中设置一个默认的图片链接,这样即使没有设置实际图片链接,也不会显示边框了:
```html
<img src="default-image.png" />
```
这里的 `default-image.png` 可以是一个透明的空白图片,或者是一个与实际图片风格相似的占位图片。
img标签不给src就出现边框,解决办法 border:none无效
如果 `border:none` 无效,可以尝试使用 `border:0` 来隐藏边框,或者在 `img` 标签中添加 `alt` 属性来指定一个空字符串,也可以达到隐藏边框的效果。例如:
```html
<img src="" style="border:0">
<!-- 或者 -->
<img src="" alt="" style="border:none">
```
这样就可以避免在 `img` 标签没有设置 `src` 属性时出现边框的问题了。但是需要注意的是,在没有设置 `src` 属性的情况下,`img` 标签会被视为无效的标签,因此不建议在实际开发中频繁使用这种方式来隐藏边框。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)