ウェブアイキャッチ画像は、ブログを訪れてくれたユーザーの一番最初に目に入るもの。記事のテーマに合ったセンスの良い画像選びも大事ですが、一目で内容が分かるキャプションを付けておくと、より記事を読んでもらいやすくなります。いうわけで、今回はレスポンシブデザインのはてなブログに、CSSだけで上下中央揃えのキャプションをつける方法をご紹介します。PGothic",sans-serif;}これが基本となるHTMLとCSSです。自由度が高いので、CSS側で指定すればかなりアレンジできて便利ですよ。以下に2つほど、簡単なアレンジ例を上げてみます。PGothic",sans-serif;}キャプションの黒背景に、opacityタグを使って半透明を指定しています。現在は0.6ですが、数値を変えれば濃さを調整できます。PGothic",sans-serif;}CSSで上下中央になるように指定しているので、画像の大きさを変えてもキャプションの位置はズレません。300pxを指定しています。数値を変えれば角丸の角度を変更できるので、お好みで調整してみてください。け顔をまとめてカバーするアンチエイジングメイクRankingXperiaが充電できない原因は内部コネクタの接触不良!直し方を解説おしゃれで美しいサインを作成できるWEBサービスまとめコーラックは何時間で効く?1粒から10粒までの統計結果を取りました努力を一切せず「ながら習慣」だけで指を長くする方法モーニング娘。冷蔵庫なし生活や災害時に役立つ、常温保存できる食品リストデザインの参考に!おしゃれなタブメニューを導入しているサイトまとめ【第13回】佐藤優樹と消耗していく娘。’14時代の7~9月Android端末所持のままNHKの放送受信契約を解約する方法また現メンバーが腐るぞ!カガシステム発動がモー娘。’17とハロプロに及ぼす悪影響はてなブログPROを強制非公開にされたので、WordPressに引っ越しましたイオンバイクの自転車5台を超本音レビュー!購入する際の参考にどうぞ【第1回】佐藤優樹と消耗していく娘。以前10着のアイテムで作る「シンプルなのにセンスが良い」ベーシックファッションスタイル転居届を出したのに郵便物が届かない!郵便局への問い合わせ・再配達依頼のやり方Xperiaが勝手に動く原因はタッチパネルの故障じゃなく熱暴走!自力でも直せるよモー娘。無味に飽きたらちょい足しで変化を。音楽NewMBSヤングタウン土曜日2018年6月9日書き起こし※解説つきSimplicity人気記事ウィジェットのサムネイルを長方形にする【第13回】佐藤優樹と消耗していく娘。【第12回】佐藤優樹と消耗していく娘。【第11回】佐藤優樹と消耗していく娘。【第10回】佐藤優樹と消耗していく娘。【第9回】佐藤優樹と消耗していく娘。【第8回】佐藤優樹と消耗していく娘。