画像の上に文字を重ねるために画像を背景にしたdivを用意しその中に文字を置いています。 背景画像は「background url( ) norepeat center center / cover」と設定します。 url( )には画像のURLを記載します。 前回(初心者の為のCSS 画像の上に文字や画像を重ねる方法 – 前編)はpositionプロパティは使用することで画像や文字を重ねることが出来るということをご説明しました。 absoluteとrelativeは非常に使い勝手は良いですが、慣れるまでは癖が強いために難しく感じてしまうかもしれま画像を4つ並べてそれぞれの中央に文字を置き、それぞれをリンクにしたいです。 加えてマウスオーバーで画像が暗くなるようにしたいです(この部分は、形としては一応できています)。 こんな感じで、計4つのリンクを作るのが目標です。 htmlはこう書き
Css 画像の上に文字を表示する方法 メリット 編集が楽です