使用css3设置阴影方法

 时间:2026-04-22 01:57:20

1、首先我们需要一个html网页,代码如下所示。

使用css3设置阴影方法

2、新建一个需要设置阴影的图层,将其类选择器设置成“yy”。

使用css3设置阴影方法

3、将图层样式设置成:宽500像素,高300像素,边框为1像素且颜色为黑色的细线,并让其页面居中。

使用css3设置阴影方法

4、图层初始效果如下。

使用css3设置阴影方法

5、接下来就是设置阴影了,通过“box-shadow: 3px 3px 2px #ccc;”来设置图层阴影,参数说明,分别对应,垂直偏移,水平偏移,阴影宽度和阴影颜色。

使用css3设置阴影方法

6、这样我们就用css3设置好了图层阴影,你学会了?快去试试吧!

使用css3设置阴影方法

  • WPS的PPT里怎么添加弹跳的动画效果?
  • WPS文字怎么在形状中添加/删除顶点?
  • 怎么隐藏PPT内的音频图标
  • WPS幻灯片中怎么给文字添加放大缩小动画效果
  • 如何在WPS Office幻灯片制作艺术字效果
  • 热门搜索
    鸡怎么炒好吃 红烧猪蹄怎么做好吃 中学生发型 山西医科大学怎么样 qq空间怎么发红包 西安博物馆 裹胸怎么穿 三洋洗衣机怎么样 栩栩如生的近义词 上海地铁怎么买票