内发光边框需用box-shadow的inset模式：含inset关键字、偏移为0、大模糊半径（8–20px）配半透亮色；推荐双层叠加增强层次，PNG透明背景更佳，禁用drop-shadow。
给图片加内发光边框，核心是用 box-shadow 的 inset 模式，配合合适的模糊半径和浅色，让光晕向内扩散，形成“从内部透出光”的效果。
内发光边框的关键设置
内发光不是靠 border 或 outline，而是 box-shadow 的 inset 参数。它必须满足三个条件：
- 声明中包含 inset 关键字（写在颜色之前）
- 水平与垂直偏移为 0（否则光会偏移，失去“居中发光”感）
- 模糊半径足够大（通常 8px–20px），颜色用高亮半透明色，如
rgba(255, 255, 255, 0.6)或#fff8
基础代码示例
直接复制到 HTML 文件中即可生效：
说明：这张图会呈现一圈柔和、向内晕开的白光边，像玻璃被背光打亮的效果。
立即学习“前端免费学习笔记（深入）”；
增强内发光层次感（推荐）
单层 inset 阴影容易显得单薄。叠加两层可模拟真实光学衰减：
box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.8),inset 0 0 16px rgba(255, 255, 255, 0.3);
第一层更锐利、更亮，贴近边缘；第二层更弥散、更淡，向外延展——整体更饱满自然。
注意事项
内发光对图片本身有要求：
- 建议使用 PNG 格式且背景透明 的图片，否则白色内光会被不透明背景吞掉
- 如果图片带白底，可先加一层浅灰/深色背景容器，再应用 inset 光效，避免光效被背景“吃掉”
- 不要用 filter: drop-shadow()——它只作用于图像轮廓，无法实现真正的“内侧发光”
