子比主题美化:鼠标移动到图片时外边框自动发光

jaysun

一个比较个性的小美化,当鼠标在移动到图片是,图片外框会自动发光,给访问者有非常的好的体验,这个小美化不光可以用在子比主题,很多时候网页背景是白色的,图片整体也是白色的时候,部分用户可能不太好区分这是图片还是网页,图片弄个外边框就好区分了,当然是鼠标移动到图片上才会显示边框,其他Wordpress网站都可以使用,喜欢的朋友可是测试一下。

效果图:

360截图20221103215937173.png

教程

子比主题设置—>自定义代码—>自定义 CSS 样式,添加以下 CSS 代码即可

隐藏内容
评论可见
前往评论


您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 11 条评论,472人围观)
网友昵称:xinxiu
xinxiu V 普通用户 Google Chrome 112.0.0.0 Windows 10 x64 10楼
04-22 来自河南 回复
文章不错,写的很好!文章不错,写的很好!文章不错,写的很好!
网友昵称:xinxiu
xinxiu V 普通用户 Google Chrome 112.0.0.0 Windows 10 x64 9楼
04-22 来自河南 回复
文章不错,写的很好!
网友昵称:tan231a
tan231a V 普通用户 Google Chrome 101.0.4951.64 Windows 10 x64 8楼
04-12 来自湖南 回复
文章不错,写的很好!
网友昵称:一切顺利
一切顺利 V 普通用户 Google Chrome 110.0.0.0 Windows 10 x64 7楼
02-20 来自江苏 回复
谢谢
网友昵称:lzmj123@outlook.com
lzmj123@outlook.com V 普通用户 Google Chrome 83.0.4103.106 Windows 10 x64 6楼
02-11 来自山东 回复
移动自动发光
网友昵称:25832534
25832534 V 普通用户 Google Chrome 109.0.0.0 Windows 10 x64 地板
01-30 来自安徽 回复
支持了
网友昵称:linjunfan
linjunfan V 普通用户 Google Chrome 92.0.4515.107 Windows 10 x64 凉席
01-18 来自广东 回复
多谢教程
网友昵称:kuyxia
kuyxia V 普通用户 IBrowse r Huawei Browser 板凳
01-16 来自西藏 回复
嘻嘻嘻太棒了
网友昵称:qqq123
qqq123 V 普通用户 Google Chrome 108.0.0.0 Windows 10 x64 椅子
2022-12-14 来自湖北 回复
谢谢
网友昵称:jiujiang
jiujiang V 普通用户 QQBrowser 11.3.5195.400 Windows 10 x64 沙发
2022-11-30 来自安徽 回复
[Witty][Witty][Witty]

目录[+]

取消
微信二维码
微信二维码
支付宝二维码