HTML

CSS 背景画像を右下から数値指定する方法

CSS 背景画像を右下から数値指定する方法

CSS で背景画像を右下から数値指定する方法を紹介します。
例えば、背景画像をデザインのアクセントとして右下から数値指定したい場合に便利な方法です。

背景画像を右下から数値指定する方法

背景画像の表示位置を右・下・右下から、数値指定する方法を紹介します。
例えば、背景画像を右 10px 下 10pxの位置に表示したい場合、background-position を次のように指定します。

background-position : right 10px bottom 10px;

まとめ

CSS で背景画像を右や下から数値で設定する方法を紹介しました。

合わせて読みたい関連記事