我爱幽兰异众芳,不将颜色媚春阳。
西风寒露深林下,任是无人也自香。

WordPress评论框添加背景图片


本文共计501个字,预计阅读时长需要2分钟。

给网站评论框添加背景图案纯代码实现

可以通过修改“style.css”或者“main.css”文件来完成。只需在“style.css”或者“main.css”文件里找到“#comment”样式的代码,然后在其下面添加如下代码即可:

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

或者额外新建css添加以上代码也可以实现

(图片地址):跟换成自己的图片地址

width:470px:图片尺寸自行修改

此方法存在瑕疵就是手机端兼容不太友好

会出现图片错位不完整等现象

比较在意也可以使用下面的代码做一个右下角的GIF动作背景也比较可以

#comment {
background-image:url(图片路径);
background-size:80px 60px;
background-repeat:no-repeat;
background-position:right bottom;
}

这个我是直接添加在额外CSS中的其它的地方自行跟换就好了

背景图片素材:

赞(3) 打赏
转载请注明来源:微百知博客 » WordPress评论框添加背景图片
分享到: 更多 (0)

评论 1

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

    我觉得那张闪的荧光棒狗更好看。

    猫鼬 10个月前 (05-04) 来自天朝的朋友 谷歌浏览器 Windows 10 回复

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

支付宝扫一扫打赏

微信扫一扫打赏