3/20 カラムレイアウトの設計C

- カラムレイアウトの設計[CSS]

今日はこちらのレイアウトを作成しました。
上が見本、下が自身の習作です。

【見本】

【習作】

【講師アドバイス】今回のポイント

不透明度の指定

rgba を使うと不透明度を指定できる
今回の場合、h1箇所のdiv要素に不透明度を適用

background: rgba(255, 255, 255, 0.5);

display: inline-blockの活用

display: inline-blockでh1の文字幅分に効果を適用

で、下図のマーカー部分に適用します。