正在回答 回答被采纳积分+1
2回答
好帮手慕阿莹
2019-09-07 18:24:21
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<style>
.a{
width:100px;
height:100px;
background-color:red;
box-shadow: 10px 20px 5px rgba(0,0,0,0.3);
}
</style>
</head>
<body >
<div class="a" >
</div>
</body>
</html>同学可以参考一下这个例子：x-shadow 是正值时，在右边，是负值时，在左边，y-shadow 是正值时，在下边，负值时，在上边，
也就是前两个数字第一个控制了阴影的左右和宽度，第二个数字控制了阴影的上下及宽度。
第三个参数是设置了模糊的半径。随后一个是设置了阴影的透明度
建议同学可以自己试一下哦
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
好帮手慕阿莹
2019-09-07 15:21:52
box-shadow属性语法如下：
box-shadow：x-shadow y-shadow blur spread color inset;
水平阴影位置x-shadow
垂直阴影位置y-shadow
用于设置阴影的位置。
模糊半径blur：模糊半径blur用于设置边框阴影半径大小。
阴影尺寸spread：阴影尺寸spread用于设置阴影的大小。这个参数可选，缺省时值为0。
raba（0,0,0,0.1） 是颜色，并且透明度是0.1
外阴影outset与内阴影inset
box-shadow属性最后一个参数用于设置阴影是否是内阴影，还是外阴影。
取值有2种：
（1）outset：默认值，外阴影；
（2）inset：内阴影；
由于没设置这个值，所以是默认的outset。
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
从网页搭建入门Java Web2018版
- 参与学习 人
- 提交作业 1088 份
- 解答问题 10205 个
如果你有Java语言基础，又想以后从事Java Web开发，那么本路径是你的不二选择！本路径从网页搭建开始入手，通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星