首页 话题 小组 问答 好文 用户 我的社区 域名交易

[分享]css中如何设置一个用户框

发布于 2024-11-11 19:22:51
0
10

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属性的第一个值是阴影的水平偏移量,第二个值是垂直偏移量,第三个值是阴影模糊半径,第四个值是阴影颜色。

通过调整这些值来修改阴影效果,创造不同的视觉效果。

评论
91云脑
Lv.1普通用户

62845

帖子

12

小组

80

积分

站长交流