手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

css3边框阴影怎么做

时间:2024-10-15 00:57:14

1、首先打开sublime text新建一个html文件,如下图所示

css3边框阴影怎么做

2、然后在body区域中添加div标签,如下图所示

css3边框阴影怎么做

3、接着在style区域中给div定义样式,这里边框阴影就是box-shadow,如下图所示

css3边框阴影怎么做

4、然后运行界面就可以看到边框阴影的效果了,如下图所示

css3边框阴影怎么做

5、下面小编给大家标注一下box-shadow中各个项的值,如下图所示

css3边框阴影怎么做

6、最后我们只需要调整其中的值就可以得到不同的阴影效果,如下图所示

css3边框阴影怎么做
© 手抄报圈