WordPress 图片悬浮发光边框 – 子比主题 CSS 美化

本文分享 WordPress 文章内图片鼠标悬浮外边框自动发光美化教程，适配子比主题，通过添加自定义 CSS 代码实现效果，可自由调节边框大小与颜色，解决白底图片和网页背景区分不清的问题，提升页面视觉辨识度与阅读体验。

效果说明

适用场景

网页背景与图片均为白色时，用户难以区分图片边界，添加鼠标悬浮发光边框可清晰界定图片范围，优化页面视觉层次。

使用方法

操作步骤

1. 登录网站管理后台，进入子比主题设置页面
2. 找到自定义代码模块，选择自定义 CSS 代码栏目
3. 复制专属 CSS 代码粘贴至对应区域，保存设置即可生效

参数自定义调整

代码核心参数支持个性化修改，边框尺寸8px 可按需调整，发光色值#63B8FF 可替换为适配网站风格的颜色代码。