sirakabaararagi https://blog.hatena.ne.jp/sirakabaararagi/ ウェブ家の備忘録 https://sirakabaararagi.hatenablog.com/ CSS HTML ▼動作結果 ドロップキャップです。改行したら左の大きな文字に続きます。改行 <style> .dropcap{ width: 500px; font-family: Georgia, "Times New Roman", Times, serif; } .dropcap:first-letter { font-size: 3em; line-height: 1; float: left; margin: 0 .2em 0 0; padding: .1em 0; } </style> <p class='dropcap'>ドロップキャップです。<br>改行したら左の大きな文字に続きます。<br>… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fsirakabaararagi.hatenablog.com%2Fentry%2F2019%2F08%2F03%2F070316" title="HTMLでドロップキャップ（記事で見かける頭一文字目を大きくするレイアウト） - ウェブ家の備忘録" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2019-08-03 07:03:16 rich https://sirakabaararagi.hatenablog.com/entry/2019/08/03/070316 1.0 100%