css怎么设置阴影（css怎么设置阴影效果）

css3如何实现边框阴影？

我们在制作网页的时候可以使用CSS3添加边框，那么想要给边框添加阴影应该怎么做呢？我来和大家分享一下。

工具/材料

崇高的文本

01

首先打开Sublime Text软件，新建一个HTML文档，如下图所示。

02

然后在html文档的正文区域插入一个div，如下图所示。

03

接下来，为div定义一些样式。请注意，其中的框阴影定义了边框阴影，如下图所示。

04

最后，我们运行界面程序，你会看到边框已经被阴影化了，如下图所示。

css盒子阴影可以给li加吗？

可以，如box-shadow:2px 2px 5px #000;

web边框的阴影怎么设置？

1、首先新建一个html文件，输入基本的内容，这里设置一个p，并把它的class设置为demo，用浏览器打开看看默认的效果。

2、设置p的样式，这里给p300px的宽度。用border-bottom属性，设置底框为3像素，用实线框，颜色偏红色，设置完成后保存查看效果。

3、继续对边框美化，用box-shadow属性加入阴影效果，4个数值分别为垂直阴影，水平阴影，阴影尺寸，阴影颜色；设置阴影圆角为4em，最后按下crtl+s保存，在左边的浏览器就可以看见边框新的效果了。