大头网站的blockquote块引用效果有点丑，所以昨天在网上找了篇教程试着把博客的blockquote美化一下，但由于某种原因最后未能实现，不过这款blockquote美化样式是真心不错，下面分享给有需要的朋友。
WordPress美化blockquote块引用方法步骤：
- 打开主题的style.css文件，点击编辑。
- 将下面的美化blockquote代码复制到主题的style.css文件中。
- 保存即可实现blockquote美化效果。
WordPress美化blockquote块引用代码：
blockquote {
font: 16px/20px italic Times, serif;
color: #333;
padding: 18px;
background-color: #f5f5f5;
border-left: 15px solid #666666;
border-radius: 5px;
margin: 5px;
background-image: url(../img/quote_open.png);
background-position: 15px 10px;
background-repeat: no-repeat;
text-indent: 23px;
line-height: 1.8;
}
blockquote p {
text-indent:23px;
}
blockquote p:last-child{
background-image: url(img/quote_close.png);
background-repeat: no-repeat;
background-position: bottom right;
}
WordPress美化blockquote块引用效果图：
两个美化引号图标下载地址：https://datou0.lanzous.com/iUNuDe1hbdg
更多WordPress技术尽在教程 - 大头博客
