亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

<rt id="ksvwi"></rt><li id="ksvwi"></li>

社群

學(xué)習(xí)

工具庫(kù)

AI工具

休閒

繁體中文

邊框半徑不適用於錨點(diǎn)內(nèi)的 img

P粉903969231 2024-04-06 17:20:25

851

我正在使用以下 HTML 程式碼：

<a class="-video-detail-qualifiers-branding">
    <img src=""/>
</a>

SCSS 程式碼：

.-video-detail-qualifiers-branding {
  border: 2px solid #D7C378;
  border-radius: 4px;

  img {
    height: 85px;
    width: 85px;
    padding: 5px;
  }

  img::after {
    border-radius: 4px;
  }
}

問(wèn)題：上面的程式碼將 border-radius 應(yīng)用於錨標(biāo)記，但沒(méi)有將 border-radius 應(yīng)用於 img 標(biāo)記。我希望這兩個(gè)元素的邊框半徑必須是 4px。

P粉903969231

全部回覆(1)

P粉6474494442024-04-07 00:06:18 1樓

.-video-detail-qualifiers-branding {
  border: 2px solid #D7C378;
  padding: 5px;
  display: inline-block;
  border-radius: 4px;

  img {
    display: block;
    height: 85px;
    width: 85px;
    border-radius: 4px;
  }
}

如果您從<img> 中刪除填充，並將其添加到<a> 中，並將display: block; 添加到它們兩個(gè)中，您可以看到border-radius 對(duì)這兩個(gè)標(biāo)籤都有效。