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) 久保

PageTop

無料で
お試し受講!

分かりやすさとレベルの高さを知って欲しいから完全無料!

無料体験受講のご予約へ

大須観音から徒歩3分

名古屋市中区大須2-3-4

場所を詳しく見る

恵比寿駅から徒歩5分

渋谷区東3-23-2 恵比寿レジデンス

場所を詳しく見る