Web制作・実装

CSSで背景画像と背景色を重ねる方法｜background-blend-modeを解説

by

Webサイトの背景に画像を設定したとき、「画像に色を重ねたい」「背景の雰囲気を変えたい」と思ったことはありませんか？ CSSでは、背景画像と背景色を組み合わせることで、画像の色合いや見え方を調整できます。 例えば、写真に … 続きを読む

CSSの背景画像を調整する方法｜繰り返しと固定の指定を解説

by

CSSで背景画像を設定したとき、「同じ画像が何枚も並んでしまう」「スクロールしても背景を固定したい」と思ったことはありませんか？ 背景画像の表示方法は、background-imageだけでなく、ほかのCSSプロパティを … 続きを読む

CSSの背景画像を調整する方法｜サイズと位置の指定を解説

by

CSSのbackground-imageで背景画像を設定したものの、「画像が大きすぎる」「思った位置に表示されない」と困ったことはありませんか？ 背景画像は、ただ指定するだけではイメージどおりに表示されないことがあります … 続きを読む

display: flexとinline-flexの違い｜margin: autoで中央揃えできなかった理由

by

Figmaのデザインを見ながら模写コーディングをしていたとき、ボタンを中央に配置しようとして少しつまずきました。 ボタンの中の文字を中央に配置するため、最初に書いていたCSSがこちらです。 justify-content … 続きを読む