最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
wordpress中实现首字下沉效果
时间：2013-12-06 编辑：简简单单 来源：一聚教程网
直接使用first-letter实例的一些实例
| 代码如下 | 复制代码 |
|
这个伪元素用于指定一个元素第一个字母的样式。所有前导标点符号应当与第一个字母一同应用该样式。某些语言有一些要处理为单个字符的字母组合，如果是这样，用户****可能会把首字母同时应用到这个字母组合。 |
|
还有一些其它办法我也整理了下
第一个字变大(首字变大、首字下沉)手动加上样式语法
使用 span 其实做法与 code 语法类似，请进到「范本」>>「修改html」，并将底下的css语法复?贴上到 之前：
| 代码如下 | 复制代码 |
|
.fb { |
|
接著，在HTML编辑模式，手动用语法将文章第一个字包起来即可，如下所示：
| 代码如下 | 复制代码 |
|
测试第一个字变大的效果，第一个字变大 |
|
那么如何应用到wordpress博客中呢
百度了一下方法
找到
| 代码如下 | 复制代码 |
|
< ?php the_content(''); ?> |
|
改为
| 代码如下 | 复制代码 |
|
< div class="aaa">< ?php the_content(''); ?> < /div> |
|
在CSS里加 aaa是随便的。
| 代码如下 | 复制代码 |
|
.aaa p:first-child:first-letter{text-transform:uppercase;font:24px Impact,”黑体”;color:#000;float:left;margin-right:2px;} |
|
就可以了