読者です 読者をやめる 読者になる 読者になる

Webデザインの勉強 | フェリカテクニカルアカデミーWebサイト制作科サポートブログ

画像にキャプションを挿入する

画像を用意する

  • 画像は、sakura.jpg「800 × 534px」

f:id:webmaster-web:20160710171511p:plain

キャプションを付けて画像を挿入する

f:id:webmaster-web:20160710172403p:plain

キャプション付きの画像を記事に揃えて表示する
.wp-caption {
  max-width: 100%;
}


《プレビュー》

f:id:webmaster-web:20160710173226p:plain

キャプションを画像の中央に揃えて表示する

.wp-caption-text {
  margin: 0;
  color: #666;
  font-size: 14px;
  text-align: center;
}

《プレビュー》

f:id:webmaster-web:20160710173838p:plain