HTML/CSS 如何删除特定图像的边框？

Posted 2023-03-06

【中文标题】HTML/CSS 如何删除特定图像的边框？

【英文标题】：HTML/CSS How to remove a border of a specific Image?

【发布时间】：2021-08-03 10:45:52

【问题描述】：

Problem Here

我想删除伞的边框，但也保留其他图像的边框。 至于我对图像边框的编码，这是我的风格主体。

img 
                border: 5px solid #03aaec       ;
          

这是徽标/标题和产品的代码

<H1><img src="homelogo.png " style="width: 70px; height: 70px;">Shop</H1>


<img src="product.jpg"  style="width: 200px; height: 200px;">

任何帮助都会有所帮助！谢谢！

【问题讨论】：

使用 :not() 选择器：img:not([src="homelogo.png"]) border: 5px solid #03aaec ;

【参考方案1】：

要添加或删除边框，您必须首先选择要使用的图片。使用类或 id 是一个好方法。然后将其包含在您的 CSS 中。

例如： 声明类名 image1：

<img class="image1" src="product.jpg"  style="width: 200px; height: 200px;">

然后将其调用到您的 CSS，

.image1
 /* Manipulating code here */