wordpress中实现首字下沉效果

时间：2022-06-25 19:05:57 编辑：袖梨来源：一聚教程网

直接使用first-letter实例的一些实例

代码如下

复制代码

css首字下沉效果

这个伪元素用于指定一个元素第一个字母的样式。所有前导标点符号应当与第一个字母一同应用该样式。某些语言有一些要处理为单个字符的字母组合，如果是这样，用户****可能会把首字母同时应用到这个字母组合。

在 CSS2.1 之前，:first-letter 只能与块级元素关联。CSS2.1 扩大了这个范围，可以与任何元素关联。可以应用到首字母的属性是有限的。

还有一些其它办法我也整理了下

第一个字变大(首字变大、首字下沉)手动加上样式语法
使用 span 其实做法与 code 语法类似，请进到「范本」>>「修改html」，并将底下的css语法复?贴上到之前：

代码如下	复制代码
.fb { font-size:280%; font-weight:bold; float:left; margin-right:3px; }

接著，在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;}

就可以了

推荐专题

最新下载

热门教程

wordpress中实现首字下沉效果

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程