边框阴影（box-shadow）的基本语法：
box-shadow：color h-shadow v-shadow blur spread inset；
color：阴影颜色 ------------ 可选
h-shadow ：水平偏移量 ----必选
v-shadow：垂直偏移量-----必选
blur：模糊距离 -------------可选
spread：阴影尺寸---------- 可选
inset：内阴影 --------------可选
例子：
css部分：
.div1{
width:200px
height:200px
margin:20px auto
line-height: 200px
text-align: center
background: cadetblue
border:2px solid darkslategray
box-shadow: darkgrey 10px 10px 30px 5px //边框阴影
}
html部分：
<div class="div1">边框阴影示例</div>
效果如图：
我们在制作网页的时候可以用CSS3添加边框，那么如果要给边框添加阴影该怎么做呢？下面我给大家分享一下。
工具/材料SublimeText
首先打开Sublime Text软件，新建一个HTML文档，如下图所示
然后在html文档的Body区域插入一个div，如下图所示
接下来给div定义一些样式，注意其中的box-shadow就是定义边框阴影的，如下图所示
最后我们运行界面程序，你会看到边框已经被添加上阴影了，如下图所示
如果想在保留边框的情况下去掉边框上的阴影，设置边框为实线即可，button边框默认是双线，就会出现一个很难看的立体效果，我就查了查api，发现边框分着双线和实线，如果边框有双线，那这和出现的场景一样啊，我就再次设置成实线了发现。。。。。。。那个恶心的虚影没了，而且保留了边框。
![php与htm怎么混编？我在php中用数据库得到数据$a=$row[1];后我想把网页标题改为变量$a](/aiimages/php%E4%B8%8Ehtm%E6%80%8E%E4%B9%88%E6%B7%B7%E7%BC%96%EF%BC%9F%E6%88%91%E5%9C%A8php%E4%B8%AD%E7%94%A8%E6%95%B0%E6%8D%AE%E5%BA%93%E5%BE%97%E5%88%B0%E6%95%B0%E6%8D%AE%24a%3D%24row%5B1%5D%3B%E5%90%8E%E6%88%91%E6%83%B3%E6%8A%8A%E7%BD%91%E9%A1%B5%E6%A0%87%E9%A2%98%E6%94%B9%E4%B8%BA%E5%8F%98%E9%87%8F%24a.png)
