ミギムキ

[CSS] セクションごとにコンテナを飛び越えて背景色をつけたい

サンプルコード

html

<div class="container"> <section class="section"> </section> <section class="section"> </section> <section class="section"> </section> </div>
スポンサー広告

CSS

.container > .section { position: relative; } .container > .section:nth-of-type(even):before { position: absolute; top: 0px; left: -50vw; right: -50vw; bottom: 0px; z-index: -1; background-color: #f8f8f8; content: ""; }

仕組み・解説

スポンサー広告