百影阁
在乱世中寻求安身之所!

WordPress评论框添加背景图片

给自己的博客评论框添加背景图片吧,既不占资源,也不拖慢速度,并且美化效果很明显哦。这样以来不仅仅好看,而且能够吸引用户评论,并且加个背景图片只需要在css文件中添加一句话即可实现。

WordPress评论框添加背景图片

一般是在style.css,不过有些是在main.css里面,这里大家自己事先准备好图片吧,推荐图片大小:(470*170),

自己判断图片大小也行,然后效果大家自己编辑或者加水印上面的,

打开style.css或者main.css,在里面找到#comment的样式代码,在其下面添加代码:

#comment {width:470px;background-image:url(图片地址);background-repeat:no-repeat;background-position:right bottom;}

其中width是宽度,如果你的图片大了或者想要它大一点显示的多一点,可以自己调节。

不过需要注意手机端和PC段的样式变化还有兼容性哦,

图片地址可以使用外联或者是自己网站内链图片都可以。

另外效果请看本博客下方评论框

在这里给大家一些评论框素材

既然来了 就留个脚印吧.png
hi 亲爱的朋友 吐槽一下来留个爪.png
昵称代表个人品牌 最能体现价值.jpg
无评不博.png
我坚信 评论可以一针见血.png
妹纸 能聊一聊吗.jpg
您的评论是我们前进的动力 你的建议是我们改进的方向.png
朋友留步!不评论你还怎做社会主义的接班人.jpg

赞(0) 打赏
未经允许不得转载:百影阁 » WordPress评论框添加背景图片

评论 1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    感谢分享 这个干货无疑

    菊部10个月前 (10-07)回复

百影阁 巨人影子下的探索之旅

联系百影阁阁主进群讨论

觉得文章有用就打赏一下文章作者

微信扫一扫打赏