背景画像の位置を右や下から指定する方法
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） 久保
