wordpress教程：为评论框添加背景图片！

楼主^#

更多发布于：2015-06-07 04:25

[tr][td] 大家有没有觉得自己的wordpress网站评论框太过单调了吗？你想要以下的评论框背景吗？今天逍遥乐就带大家如何实现wordpress评论框背景！

图片：144301twmoynynzzcgvnkm.jpg

方法很简单一学就会，是通过CSS修改添加的：
首先由于主题不同，所以我的css和大家并不一样！因此，我们需要找到评论框所在css！
常见的浏览器高速模式、谷歌浏览器都有审查元素功能，评论框右键“”审查元素“；火狐浏览器推荐firebug插件，评论框上右键使用firebug查看元素，当然了，也可以使用浏览器自带的查看元素！

图片：144301twmoynynzzcgvnkm.jpg

找到评论框所使用的id或者class，以逍遥乐IT博客为例，就是comt-area，然后打开您的主题style.css文件，找到comt-area类或者id，插入如下代码：

background-image:url(images/commentbg.png);background-repeat:no-repeat;background-position:center center;其中background-image，表示背景图片的地址，可以是绝对地址，也可以是相对地址（相对于style.css文件来说的，以上代码是相对地址，也就是主题的images；绝对地址就要包含域名的完整路径）
background-repeat，该属性表示是否重复，no-repeat为不重复，默认重复。
background-position，该属性用来控制图片在评论框中的位置，前一个参数表示左右位，后一个参数表示上下位。

如下：

图片：144301twmoynynzzcgvnkm.jpg