最近在別的站點瞎逛，突然看到一個小亮點——首字放大！最近打狗，先做個版權宣告哈！本文中的全部程式碼全部來自哼哼豬 ！
這個效果可以叫文字下沉，最先使用在報紙上的，後來被大家來引用的！
1. 定義好 CSS 樣式標籤，然後手動給第一個字新增標籤
1a. 延伸一點就是給編輯器增加一個快捷標籤按鈕
優點：此方法是最有效最徹底的，但比較麻煩2. 透過 Js 給文章第一個字新增樣式標籤
優點：現在很流行用 js 新增，確實 js 灰常強大，不過因為需要 js 載入匹配，所以首字放大效果會有延時3. 透過 Css 給文章第一個字新增樣式標籤
優點：程式碼簡潔，實用性強，修改簡單，經過修改最佳化後就是我現在使用的方法
在 WordPress 下，文章頁面的結構為
<div id="context"> <p> 我是一篇演示檔案的首行開頭</p> <p> 我是正文第 2 段落</p> <p> 我是正文第 3 段落</p> <p> 我是正文第 n 段落</p> </div>
當然，你可以在編輯文章的時候就把第一個直接設定一下啦！但是，以前編輯的……
so，我們還是用 css 吧，不可能自己一個一個的改……
一般的主題差不多都可以支援，但是不排除其他的！
將一下程式碼直接新增到主題下 style.css 內即可
.context > p:first-child:first-letter {
color: #8844BB;
float: left;
font-size: 2.1em;
font-weight: bold;
line-height: 1em;
margin: -6px?3px;
position: relative;
}
需要單子下沉的可以修改一下 margin 的值，顏色大小什麼的都是可以自己設定的哦！
效果預覽：
額，其實已經放上了，可以直接看效果的！但是怕以後會改掉，就先留著吧！