效果如图:

设置方法
打开您的主题style.css文件,找到#comment,插入如下代码:
/*评论框背景图*/
#comment {
background-image:url(/wp-content/themes/qux/images/3.png);
background-repeat: no-repeat;
background-position: center;
}
如果使用的主题style文件内代码空白,找不到#comment,可以在后台找到【外观-自定义-额外css】内添加以上代码,然后发布。
代码解读
background-image,表示背景图片的地址,可以是绝对地址,也可以是相对地址(相对于style.css文件来说的,以上代码是相对地址,也就是主题的images;绝对地址就要包含域名的完整路径)
background-repeat,该属性表示是否重复,no-repeat为不重复,默认不重复。
background-position,该属性用来控制图片在评论框中的位置,前一个参数表示左右位,后一个参数表示上下位,这里设置的是居中。
记得把上面图片上传到网站,然后在上面代码中引用~
评论前必须登录!
立即登录 注册