css怎么实现给单个边添加阴影效果呀！

box-shaow的前两个值是设置x轴y轴，怎么设置单方向的阴影，我想把上阴影给清除掉#csss属性

可以设置box-shaow的第4个值设置为负数，把阴影向里收缩
第4个长度值定义元素的阴影外延值（如果提供了）。正值，阴影将向四面扩展；负值，则阴影向里收缩

代码如下：（如有帮助，望采纳！谢谢! 点击我这个回答右上方的【采纳】按钮）

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
<style type="text/css">
div {
    margin: 50px;
    width: 500px;
    height: 500px;
    background-color: #f66;
    box-shadow: 20px 0px 15px -10px #482915;
}
</style>
</head>
<body>
<div></div>
</body>
</html>

img