html - 境界半径を使用するときに角を取り除くにはどうすればよいですか

Question

ビューを作成しましたが、角を丸くして作成しようとしているので、を使用してborder-radiusいます。

唯一の問題は、div要素の 1 つの角が見えて、それらを取り除くことができないように見えることです。Google開発者ツールで境界線を表示していた要素を絞り込もうとしましたが、特定できません。

これがサンプルです。

Answer 1

親に境界半径がないため、同じborder-radiusものを.center_content クラスに追加できます

.center_content {
 width: 90%;
 margin: auto;
 position: relative;
 background: #FFFFFF;
 border-radius: 15px;
}

または、このクラスから背景を削除して、同じことを達成することもできます。

JS フィドル サンプル