评论区添加背景图片

综合评论5,293,914字数 130阅读0分26秒

步骤一:

复制下面代码

步骤二:

在主题设置—》自定义CSS样式,添加下面的CSS代码:

/*评论背景图*/
textarea#comment {background-color:transparent;background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(https://www.atbkw.cn/wp-content/uploads/aotian/qita/pinglu.png) right 10px bottom 10px no-repeat;-moz-transition:ease-in-out 0.45s;-webkit-transition:ease-in-out 0.45s;-o-transition:ease-in-out 0.45s;-ms-transition:ease-in-out 0.45s;transition:ease-in-out 0.45s;}
textarea#comment:focus {background-position-y:789px;-moz-transition:ease-in-out 0.45s;-webkit-transition:ease-in-out 0.45s;-o-transition:ease-in-out 0.45s;-ms-transition:ease-in-out 0.45s;transition:ease-in-out 0.45s;}

说明:图片自己保存到本地,图片大小(162 X 75,建议透明的png图片),自己添加喜欢的背景图片。 文章源自小武站https://1z345.cn/小武站-https://bbs.50-0.cn/597.html

Web 前端如何设置图片大小
Web 前端如何设置图片大小 综合

Web 前端如何设置图片大小

这篇文章介绍了在 Web 前端中设置图片大小的多种方法,包括 HTML、CSS、JavaScript 和响应式设计等。1.CSS 直接设置图片的宽度和高度:使用 CSS 中的width 和height...
给导航菜单添加自定义徽章及多种样式菜单设置方法
给导航菜单添加自定义徽章及多种样式菜单设置方法 综合

给导航菜单添加自定义徽章及多种样式菜单设置方法

子比主题的菜单显示其实是支持自定义Html代码的,那么就有很多的扩展性了!之前我们详细的讲解过如何在导航菜单添加图标的教程,如果不会添加图标的朋友可以复习一下下方文章!本篇文章属于扩展功能,高级教程。...
  • 本文由 admin 发表于 2024年8月10日 19:27:59
  • 转载请务必保留本文链接:https://bbs.50-0.cn/597.html
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
确定