【HTML&CSS】画像の上に文字を重ねる方法!
どうも皆さんこんにちは!kwです!
今回は、画像(img)の上に文字を重ねる方法を解説していきます!
Webデザインを学んでいる上でよく使う技術なので皆さんも是非、習得してみてください!
1.画像に文字を重ねる方法!
ということで、画像に文字を重ねる方法を解説します。
方法はとても簡単です!
どうするのかというと、画像の上に重ねたい文字にCSSでposition:relative;と打ち込んであげるだけ!
こんな感じです↓
See the Pen Untitled by kw (@kw-webd) on CodePen.
はい!方法はとてもシンプルでしたね!文字のCSSにposition:relative;と一行入れてあげるだけでこの問題は解決です!
2.まとめ
ということで今回は画像の上に文字を重ねる方法を解説しました!
とても使える技術なので皆さんも是非、習得してみてはいかがでしょうか?