box-shadow: X轴 Y轴 发光度 颜色;
最方便的就是用PS先给图片做个外发光出来,然后切图直接把发光部分一起切出来导成PNG格式的发光部分为透明背景的图片,如果是想做鼠标触发效果,那就再做一张大小一样的没外发光的图片CSS样式无法直接写出外发光效果,不过有一个方法可以做出来,如果外发光的扩散范围不大,大概是3px-5px;就可以通过div嵌套并调整边框颜色来达到一定的效果,不过这种方法挺麻烦的,不怎么好用
举例:
<div style=" width:200pxborder:1px solid #1e0000">
<div style=" width:100%border:1px solid #330000">
<div style=" width:100%border:1px solid #4c0000">
<div style=" width:100%border:1px solid #6b0000">
<div style=" width:100%border:1px solid #8e0000">
<div style=" width:100%border:1px solid #b70000height:100px"></div>
</div>
</div>
</div>
</div>
</div>
.xx{ box-shadow: 0 0 15px #4E4E4E padding:10px }这两个0是 左右 上下。用px调整。如果是0就是居中。
15px是你要光圈。越大就范围就越广。类似于病毒扩散那种感觉.padding可无视,是为了放你class一个span或button自己就撑开了