css元素边框发光效果——box-shadow

<span style="font-family:Microsoft YaHei;font-size:12px;color:#666666;">border:#aaa 1px dashed;
box-shadow:inset 0 -5px 8px -7px rgba(81, 81,81,0.8);</span>

box-shadow参数解释：

  阴影方式，可选， inset内阴影，否则默认外阴影；

  x-offset相对X轴的偏移量: 0;

  y-offset相对Y轴的偏移量：-5px;

 blur 模糊值：8px；

 扩展阴影半径：spread, 可选，但是实现边框阴影不同效果就考它了；

 阴影的颜色：rgba(81,81,81,0.8) 其中a是指透明度alpha

例：

• 边框阴影相同

<span style="font-family:Microsoft YaHei;color:#666666;">.imgDiv{
    border:#aaa 1px dashed;
box-shadow:0 0 8px rgba(81, 81,81,0.8);}</span>

• 边框阴影不同
  

<span style="font-family:Microsoft YaHei;font-size:12px;color:#666666;">.imgDiv{
    border:#aaa 1px dashed;
box-shadow:
           0 -5px 8px -7px rgba(81, 81,81,0.8),
           0 -5px 8px -7px rgba(81, 81,81,0.8),
           5px 0 8px -1px  rgba(81, 81,81,0.4),
           5px 0 8px -1px  rgba(81, 81,81,0.8);
}</span>