块引用起到突出强调或者引人注目的效果,不过自从换了这个主题之后,我发现每次使用块引用之后,显示效果没有什么变化,既没有边框,也没有背景色,唯一的不同就是缩进了两个字的距离。
所以一直以来我就想要寻找方法来修改一下,只不过我是文盲一枚,对于代码是一窍不通,有时候看到别人贴出来的代码,都不知道要加到哪个文件哪个位置。
最近断断续续的在看一本书,叫《Head First HTML与CSS 第2版》,讲解HTML和CSS的基础知识,于是慢慢的也稍微懂了一点皮毛。
前天我又重新在网上一顿狂搜,总算找到一种还可以看得过眼的块引用样式,依样画葫芦试了一下,效果如下!
修改方法:登录后台,依次打开外观-编辑- 样式表 (style.css),然后找到blockquote这个符号,在后面加入以下代码:
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;}
其中我把border从5px改为2px,然后点击确认修改,大功告成~