ホームページ > 記事 > ウェブフロントエンド > 疑似要素 first-letter を使用してテキストの最初の文字を大文字にする方法
今回は擬似要素first-letterを使って文章の先頭文字を大文字にする方法を紹介します擬似要素first-letterを使って文章の先頭文字を大文字にする場合の注意点は以下の通りです。実際のケースを見てみましょう。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"><HTML> <HEAD> <TITLE>Drop cap initial letter</TITLE> <STYLE type="text/css"> P { font-size: 12pt; line-height: 1.2; width:250px; } P::first-letter { font-size: 224%; margin-top: -5px; font-weight: bold; float:left; } SPAN { text-transform: uppercase } </STYLE> </HEAD> <BODY> <P><SPAN>The first</SPAN> few words of an article in The Economist.The first few words of an article in The Economist.</P> </BODY></HTML>この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 関連書籍:
bootstrap-validatorの使用方法の詳細な説明
以上が疑似要素 first-letter を使用してテキストの最初の文字を大文字にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。