J'utilise le code HTML suivant :
<a class="-video-detail-qualifiers-branding"> <img src=""/> </a>
Code SCSS :
.-video-detail-qualifiers-branding { border: 2px solid #D7C378; border-radius: 4px; img { height: 85px; width: 85px; padding: 5px; } img::after { border-radius: 4px; } }
Problème : le code ci-dessus applique le rayon de bordure à la balise d'ancrage, mais pas à la balise img. Je veux que le rayon de bordure de ces deux éléments soit de 4 pixels.
Si vous ajoutez from
<img>
中删除填充,并将其添加到<a>
中,并将display: block;
aux deux, vous pouvez voir que border-radius fonctionne pour les deux balises.