夕阳博客 - 专注优质网络资源分享的技术博客
夕阳博客 - 专注优质网络资源分享的技术博客
夕阳博客 - 专注优质网络资源分享的技术博客

给子比主题网站评论框添加背景图片

效果图

给子比主题网站评论框添加背景图片-夕阳博客

修改方法

修改是通过纯代码CSS修改添加的:首先我的主题是子比主题,其他主题不同,CSS也和其他主题不一样!因此,我们需要找到评论框所在CSS

打开您的主题设置->全局功能->自定义代码->自定义CSS样式,插入如下代码:

抱歉!隐藏内容,请输入密码后可见!
请打开微信扫描右边的二维码回复关键字“id891或ID891”获取密码,也可以微信直接搜索“夕阳博客”关注微信公众号获取密码。

代码作用

其中background-image,表示背景图片的地址,可以是绝对地址,也可以是相对地址(相对于style.css文件来说的,以上代码是相对地址,也就是主题的images;绝对地址就要包含域名的完整路径)
background-repeat,该属性表示是否重复,no-repeat为不重复,默认不重复。重复样式如下图,满满的一大屏。

给子比主题网站评论框添加背景图片-夕阳博客

background-position,该属性用来控制图片在评论框中的位置,前一个参数表示左右位,后一个参数表示上下位。

最后保存,ftp上传style.css到主题文件夹覆盖就可以了!当然还有不要忘了上传背景图片哦!

分享几款图片


👋 感谢您的观看 Xy PRO!

© 版权声明
THE END
喜欢本站内容,请点【分享】【赞】和【收藏】
点赞680赞赏
分享
评论 抢沙发
XyPro的头像-夕阳博客

昵称

取消
昵称表情代码图片