【CSS】css给盒⼦添加四周阴影
css盒⼦阴影box-shadow
为边框设置阴影。语法格式如下：
box-shadow:x  y blur  spread  color  inset;
参数说明：
x：设置⽔平阴影的位置(X轴)，可以使⽤负值;（必须）
y：设置垂直阴影的位置(y轴)，可以使⽤负值;（必须）
blur：设置阴影模糊半径;(可选)
spread：扩展半径，设置阴影的尺⼨;（可选）
color：设置阴影的颜⾊;（可选）
inset：这个参数默认不设置.默认情况下为外阴影,inset表⽰内阴影.（可选）
在边框阴影（box-shadow）的基本语法中，参数inset是可选可不选的，选参数inset，将外部阴影改为内部阴影；⽽不选参数inset，即默认情况下是外部阴影的。
例⼦：
css部分：
.div2{
width:200px;box shadow怎么设置
height:200px;
margin:50px auto;
line-height: 200px;
text-align: center;
background: burlywood;
border:2px solid #e4007e;
box-shadow: darkgrey 0px 0px 30px 5px;//边框内阴影
}
html部分：
<div class="div2">边框外阴影⽰例</div>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。