アンカーポイント内の画像に対して境界線の半径が機能しない

Question

次の HTML コードを使用しています:

リーリー

SCSSコード:

リーリー

問題: 上記のコードは、border-radius をアンカー タグに適用しますが、img タグには適用しません。両方の要素の境界線の半径を 4px にしたいと思います。

Answer 1

リーリー

<img> からパディングを削除して <a> に追加し、 display: block; を追加した場合、両方に移動しますborder-radius が両方のタグで機能することがわかります。