css3边框阴影怎么做

时间:2026-02-14 17:18:56

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

css3边框阴影怎么做

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

css3边框阴影怎么做

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

css3边框阴影怎么做

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

css3边框阴影怎么做

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

css3边框阴影怎么做

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

css3边框阴影怎么做

© 2026 长短途
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com