【问题标题】:HTML/CSS How to remove a border of a specific Image?HTML/CSS 如何删除特定图像的边框?
【发布时间】:2021-08-03 10:45:52
【问题描述】:

Problem Here

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

img {
                border: 5px solid #03aaec       ;
          }

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

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


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

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

【问题讨论】:

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

标签: html css image border


【解决方案1】:

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

例如: 声明类名 image1:

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

然后将其调用到您的 CSS,

.image1{
 /* Manipulating code here */
}

【讨论】:

    猜你喜欢
    • 2021-09-23
    • 1970-01-01
    • 2016-09-15
    • 1970-01-01
    • 1970-01-01
    • 2021-02-01
    • 2023-03-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多