CSS 画像の上に文字を重ねて表示させる（サンプル付き） | クルーデザイン

今回は画像の上に文字やタイトルを重ねて表示してみましょう！ 少しオシャレで良い感じですよね。 こんな仕組みのものを作ります 画像をきっちりと囲む領域を作り「position:relative」を指定します。 これで「position:absolute」したものを上に重ねることができるようになります。 後はちょこっと装飾すればOKです。 イメージ的には下記のような感じです。 サンプルも作ってます。 HTML（画像の上に文字を重ねて表示させる） まずはHTMLです。