国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Gemeinschaft

Lernen

Tools-Bibliothek

KI-Tools

Freizeit

Deutsch

Der Randradius funktioniert nicht für img innerhalb des Ankerpunkts

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

859

Ich verwende den folgenden HTML-Code:

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

SCSS-Code:

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

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

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

Problem: Der obige Code wendet border-radius auf das Anker-Tag an, nicht jedoch auf das img-Tag. Ich m?chte, dass der Randradius beider Elemente 4 Pixel betr?gt.

P粉903969231

Antworte allen(1)

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

.-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)簽都有效。