投稿日: 2013年11月2日(土)2013年11月3日(日) 投稿者: iwbjpborder-radiusを使用した場合は内側の要素にも付けなければいけないことがある 目次背景色が角丸に重なる背景色が角丸に重なるサンプル角丸に重ならないようにしたサンプル 背景色が角丸に重なる border-radiusで角丸を適用すると内側の要素が密着していて背景色が適用されている場合、背景色が内側に重なって角丸部分がにじんだように表示されることがある。これを防ぐためには背景色が適用されている内側の要素にもborder-radiusを適用する必要がある。 背景色が角丸に重なるサンプル 角丸に重ならないようにしたサンプル 関連した記事 border-imageはfillなしだと内側のrepeatが効かない Chrome 65からCSSのborder-image, backgroundがおかしい件 aタグのリンク範囲をCSSユーザースタイルを使用した確認方法 数秒で十数行のCSSだけで作るローディングアイコン B!