一个分享WordPress、Zblog、Emlog、Typecho等主流博客的教程网站!
当前位置:网站首页 > 博客教程 > WordPress教程 > 正文

WordPress 博客CSS设计文章内容blockquote样式

作者:xlnxin发布时间:2021-04-15分类:WordPress教程浏览:646


导读:WordPress添加文章有时会用到blockquote(引用)功能来突出显示,部分WordPress博客主题直接使用了WordPress默认的CSS样式显示,也有些博...

WordPress 添加文章有时会用到blockquote(引用)功能来突出显示,部分WordPress博客主题直接使用了WordPress默认的CSS样式显示,也有些博客主题使用blockquote显示文章时没有什么效果,的主题先前也是这样。对于博客主题没有设计blockquote样式的主题,博主可以自主设计。

blockquote样式添加:

  1. 登陆博客后台,点击外观选项卡下的“编辑”选项进入当前主题模板编辑界面
  2. 选择style.css文件进行编辑,在其中添加blockquote的CSS样式代码,如的代码为:
    1
    2
    
    blockquote {background: #ECF6F3; margin: 0px 25px 15px 25px; padding: 0px 25px 0px 10px; border: 5px solid #e9e3d1;}
    #content blockquote p {margin: 0px; padding: 10px 0px 10px 0px;}
  3. blockquote的CSS样式演示效果

提示:blockquote的样式可以参照使用的进行修改,也可以自己设计,还可以到网上寻找。

标签:wordpresscss主题模板博客设计