CSS中使用box-shadow属性为用户框设置一个漂亮的阴影效果。
user-box {
width: 300px;
height: 150px;
border: 1px solid #ccc;
padding: 20px;
background-color: #fff;
box-shadow: 2px 2px 5px #ccc;
}
以上代码会创建一个300像素宽、150像素高的用户框,边框为灰色,内部有20像素的内边距,背景为白色,并设置一个淡灰色的阴影效果。
box-shadow属性的第一个值是阴影的水平偏移量,第二个值是垂直偏移量,第三个值是阴影模糊半径,第四个值是阴影颜色。
通过调整这些值来修改阴影效果,创造不同的视觉效果。