怎麼使用偽元素first-letter讓文字首字母大寫
- php中世界最好的语言原創
- 2018-03-09 13:47:022529瀏覽
這次帶給大家怎樣使用偽元素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中文網其它相關文章！
相關閱讀：
#以上是怎麼使用偽元素first-letter讓文字首字母大寫的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：css的Counters屬性詳解下一篇：css的Counters屬性詳解