最近在别的站点瞎逛，突然看到一个小亮点——首字放大！最近打狗，先做个版权声明哈！本文中的全部代码全部来自哼哼猪 ！

这个效果可以叫文字下沉，最先使用在报纸上的，后来被大家来引用的！

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 的值，颜色大小什么的都是可以自己设置的哦！

效果预览：

额，其实已经放上了，可以直接看效果的！但是怕以后会改掉，就先留着吧！