CSS控制段落首字母放大显示

此代码仅供参考

---

代码说明

CSS控制段落首字母放大显示，也就是把一段话的第一个字母重点显示出来，不是单纯的变成大写，而是放大，你或许需要先运行一下本代码看看效果就明白了。

---

html代码

<style> body { background-color: #FFFFFF; color: #595959; } #content p { font: 80%/1.6 Verdana, Geneva, Arial, Helvetica, sans-serif; } #content p:first-letter { font-size: 2em; padding: 0.1em; color: #000000; vertical-align: middle; } #content p:first-line { color: #191970; } #content p:first-child { margin-left: 2em; } #content p:first-child:first-line { color: inherit; } </style> <div id="content"> <p>Welcome</p> </div>

---

代码演示

---

---