css3边框阴影怎么做

2025-03-18 04:40:19

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

css3边框阴影怎么做

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

css3边框阴影怎么做

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

css3边框阴影怎么做

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

css3边框阴影怎么做

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

css3边框阴影怎么做

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

css3边框阴影怎么做
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢