css3 实现盒子四周光晕_CSS3给超链接增加阴影和光晕效果

要实现盒子四周光晕效果，可以使用CSS3的box-shadow属性，设置多个不同颜色和大小的阴影，例如：

.box {
  width: 200px;
  height: 200px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5),
              0 0 40px rgba(255, 255, 255, 0.4),
              0 0 60px rgba(255, 255, 255, 0.3),
              0 0 80px rgba(255, 255, 255, 0.2),
              0 0 100px rgba(255, 255, 255, 0.1);
}

这里设置了5个不同大小和透明度的阴影，分别产生不同程度的光晕效果。

要给超链接增加阴影和光晕效果，可以使用CSS3的text-shadow属性，例如：

a {
  color: #fff;
  text-shadow: 0 0 10px #fff,
               0 0 20px #fff,
               0 0 30px #fff,
               0 0 40px #f00,
               0 0 70px #f00,
               0 0 80px #f00,
               0 0 100px #f00;
}

这里设置了7个不同大小和颜色的阴影，产生了类似光晕的效果。注意要给超链接设置颜色，否则阴影和光晕效果可能会被遮挡。