森屿海港- 2021-07-16 18:58 采纳率: 100%
浏览 56
已采纳

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

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

  • 写回答

1条回答 默认 最新

  • CSDN专家-天际的海浪 2021-07-16 19:08
    关注

    可以设置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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 已采纳回答 7月18日
  • 创建了问题 7月16日

悬赏问题

  • ¥15 想问一下树莓派接上显示屏后出现如图所示画面，是什么问题导致的
  • ¥100 嵌入式系统基于PIC16F882和热敏电阻的数字温度计
  • ¥15 cmd cl 0x000007b
  • ¥20 BAPI_PR_CHANGE how to add account assignment information for service line
  • ¥500 火焰左右视图、视差（基于双目相机）
  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号