css | 角丸が反映されない場合の対処

border-radiusが子要素に適用されていないため、角丸になりません。

対処方法

以下の一行を追加します。

overflow: hidden;

overflow: hiddenによってボックスに収まりきらない部分が非表示になります。

参考

overflow－CSSリファレンス

HTMLタグ・スタイルシート・特殊文字等の早見表

www.htmq.com