figure要素とfigcaption要素 コピペで使えるHTML+CSS

スポンサーリンク
スポンサーリンク

figure要素、figcaption要素の概要

写真などのグループHTML
<figure><img>~<figcaption>~</figcaption></figure>
目的 写真や図表などのまとまりを表す。figcaptionはそのキャプション。
関連 <img>
ペンギンです!!
<figure id="fig">
  <img src="https://programming-cafe.com/wp-content/uploads/2021/01/pic02.png" />
  <figcaption>ペンギンです!!</figcaption>
</figure>

属性

グローバル属性のみ

CSSデザイン

画像の上にテキストをのせる

画像、写真の上に文字をのせる コピペで使えるHTML+CSS
取り込んだ画像、写真(img要素)の上に文字をのせます。写真の説明文や、リンク先の説明文などを記載します。画像の下の余白の消し方についても解説します。