css 球体边缘发光 |如何用css美化表单

.sphere {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #e3e3e3;
box-shadow: 0 0 20px 10px #ffffff;
}

上面的代码中，.sphere是一个球体的类名，设定了球体的宽度、高度、边框半径以及背景颜色。最重要的是box-shadow属性，它创建了一个阴影效果，并让它沿着球体的边缘偏移一定的距离，这样就可以产生发光的效果。

除了这种基本的球体边缘发光效果，你还可以根据需要对box-shadow属性进行调整，让发光效果更加夸张或者微妙，如下所示：

.sphere {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #e3e3e3;
box-shadow: 
0 0 10px 2px rgba(255,255,255,0.4),
0 0 50px 10px rgba(255,255,255,0.4),
0 0 70px 20px rgba(255,255,255,0.4);
}

以上代码产生的球体发光效果更加夸张，使用了三个box-shadow属性。第一个属性表示球体边缘的光晕，第二个属性是球体的主发光效果，最后一个属性则是光晕的范围更加延伸。

总之，通过对box-shadow属性进行调整，你可以自由地控制球体的发光效果，让你的网页更加鲜活。