Web制作のあれこれの情報を発信提供いたします

HTML背景(background)を2色にする

背景を2色にする方法はないのかな?

あるよ!では見てみよう♪

目次

上と下に変える

See the Pen Untitled by ちいうさ (@zqnixpal-the-looper) on CodePen.

左と右に変える

See the Pen 左右 by ちいうさ (@zqnixpal-the-looper) on CodePen.

斜めに変える

See the Pen Untitled by ちいうさ (@zqnixpal-the-looper) on CodePen.

解説

linear-gradientで色を変えればグラデーションなども作れます

background: linear-gradient(角度,色の指定 0%,色の指定 50%,色の指定 100%);

簡単だね♪

これからも色々教えるよ!

よかったら仲良くしてくださいね!
  • URLをコピーしました!
目次