前两个值(5px 5px)是水平和垂直方向的偏移量,正值阴影就会向左向下偏移,负值反之;
第三个值(10px)是设置模糊距离;
black就是阴影的颜色啦;
最后一个inset是在元素内部创建一个阴影,也就是内阴影了;
删除掉inset就是设置外阴影了
我们在制作网页的时候可以用CSS3添加边框,那么如果要给边框添加阴影该怎么做呢?下面我给大家分享一下。
工具/材料SublimeText
首先打开Sublime Text软件,新建一个HTML文档,如下图所示
然后在html文档的Body区域插入一个div,如下图所示
接下来给div定义一些样式,注意其中的box-shadow就是定义边框阴影的,如下图所示
最后我们运行界面程序,你会看到边框已经被添加上阴影了,如下图所示