wordpress评论框添加背景图

效果如图:


设置方法

打开您的主题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,该属性用来控制图片在评论框中的位置,前一个参数表示左右位,后一个参数表示上下位,这里设置的是居中。


背景图分享






记得把上面图片上传到网站,然后在上面代码中引用~

 收藏 (0) 赞助

赞助超卓网

支付宝

微信

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《wordpress评论框添加背景图》
文章链接:https://chaozhuowang.com/2256.html
分享到: 生成海报
  以上文章内容包括但不限于(文字、图片、软件、程序等)部分来自网络搜集并进行整理,本网站提供的内容仅用于个人学习、研究使用,我们不能保证内容的正确性与完整性。通过使用本站内容随之而来的风险与本站无关,访问者可将本网站提供的内容或服务用于个人学习、研究等,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯本网站及相关权利人的合法权利。

留言 抢沙发

评论前必须登录!

立即登录   注册

超卓网,免费分享资源的网站

9.9包邮超卓驿站
切换注册

登录

点击按钮进行验证

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活