段落の文字の1つ目を大きくして目立たせる手法です。正式名称を「ドロップキャップ」というそうです。英字新聞などではよく見る文章の書き出しですね。 日本ではあまり使われる書き方ではありませんが、CSS だけで実現可能なののでやってみたいと思います。 Drop Cap .dropcap:first-letter { font-size: 60px;/*文字の大きさ*/ margin-right: 6px; margin-top: 6px; float: left; line-height: 1;/*必要*/ }HTML<p class="dropcap">ドロップキャップは英字新聞などで・・・</p> 例ドロップキャップは英字新聞などでは、よく見る手法ですが日本語で使われることはほとんどありません。CSS だけで1文字目だけ選択することが出来、それを使うことでブログの文章などでもドロップキャップ
![ドロップキャップをCSSで実現する方法 | q-Az](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3a92416878efb26f57d26516f6077755a7c6ddb/height=288;version=1;width=512/https%3A%2F%2Fq-az.net%2Fogp%2Fdrop-cap-css.png)