Tribes20 Web Professional School

背景画像の位置を右や下から指定する方法

Top > スクールコラム > 背景画像の位置を右や下から指定する方法

2020年7月4日

背景画像の位置を右や下から指定する方法

ちょっと自分の不勉強で今更知ってしまったのですが、有用なので恥を忍んで皆さんにもシェア。

※押せないよ

こう言うデザインあるじゃないですか↑

右からちょっとズレた位置にアイコン入れたい。矢印画像をbackground-imageで入れると思うんですがbackground-positionを右からの数値指定ができるんですって。

.hogehoge{
background-position: right 0.5em center;
}

この例(右から0.5em、上下位置中央)だとこんな感じ。
例えば右から0.5em、下から10pxと指定したい場合は

.hogehoge{
background-position: right 0.5em bottom 10px;
}

と、rightとかbottomのキーワードの後に数値を入れたるだけ!便利。

やる気に満ちる生徒さんたくさん増えてきたし、我々講師陣もその熱意に負けないように勉強せねば!と思いました。(人の知識はみんなそれぞれでまだらなの。たまにはこう言う知らないことも出てくるの…許してねw) 久保

記事一覧に戻る

スクール情報や勉強会など配信中!

open