<title>css怎么给4个边框添加阴影</title>
<style type="text/css">
span{ box-shadow: 2px 4px 6px #000 } </style>
</head> <body> <span>百度知道“css怎么给4个边框添加阴影”</span> </body>
简单的解释一下相关的代码属性
box-shadow: 2px 4px 6px #000
首先2px : 表示水平阴影的位置，然后4px : 表示垂直阴影的位置，接着5px : 表示模糊距离，最后#000 ： 表示阴影的颜色（#000 黑色）
拓展资料：
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
参考资料：百度百科-CSS
最近写一个四周加阴影的项目用到了box-shadow属性，感觉项目里面好多地方都会用到这个属性，于是就专门整理了一下。
语法：
注意：boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表，每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。
为了更清楚的了解box-shadow，做几个demo来给大家演示一下效果：
h-shadow代表的是阴影的水平位置偏移量，可以是正负值
即在x轴的阴影位置，正值阴影出现在右边，负值阴影出现在左边
v-shadow代表垂直阴影位置，即在y轴的阴影位置，可以是正负值
当v-shadow的正值时阴影出现在下面，当v-shadow的负值时阴影出现在上面
blur阴影的模糊距离，这使得阴影部分的过渡看起来更加柔和
spread代表阴影的大小，也是最后一个长度值代表阴影的尺寸。到这里大家心中是不是对blur和spread 产生疑问，其实blur是用于描述模糊半径，它的取值决定了阴影的模糊程度；而spread表示阴影所占区域的大小。
color阴影的颜色值，可以用任何颜色单位的来表示。当我们没有设置颜色值，默认是黑色
默认情况下，设置的阴影都是外部阴影，inset的作用是将外部阴影转换成内部阴影
附：
属性定义及使用说明：
box-shadow属性可以设置一个或多个下拉阴影的框。
兼容性：
