備忘録

【CSS】インナー(inner)の左側だけ背景色を変える方法

インナーの左側だけ背景色を変えたい

このような疑問に答えます。

こんにちは、フリーランスエンジニアの涼です

【CSS】インナー(inner)の左側だけ背景色を変える方法

疑似要素を使います。

See the Pen
インナーの左だけ別の色
by masa (@websama)
on CodePen.


上記のように、インナーの左側だけ灰色にしています。

・ width: 200vw;
→この200vwという数値ですが、大きい数値であれば大丈夫です。

・z-index: -1;
→インナー部分の背景の下に、疑似要素の背景を入れるため。

以上です。

  • この記事を書いた人

名無し

-備忘録

Copyright© Web制作ブログ , 2021 All Rights Reserved Powered by AFFINGER5.