去掉一侧的box-shadow
时间: 2024-11-18 18:13:43 浏览: 6
去掉一侧的`box-shadow`可以通过设置阴影偏移量来实现。如果你想保留顶部和底部的阴影,只去除左侧或右侧的阴影,可以分别设置`box-shadow`属性的水平偏移量为0。例如:
```css
selector {
box-shadow: top-side shadow-color spread-radius horizontal-offset vertical-offset;
/* 如果只想去掉右侧阴影 */
-webkit-box-shadow: inset 0 -top-side shadow-color spread-radius vertical-offset; /* 对于Webkit内核浏览器如Chrome、Safari */
box-shadow: inset 0 0 shadow-color spread-radius vertical-offset; /* 标准CSS语法 */
}
```
这里的`top-side`, `horizontal-offset`和`vertical-offset`需要替换为你想要的具体值。如果你希望完全去掉一侧,可以将偏移量设为负值,如`inset 0 -1px 0 0 rgba(0, 0, 0, 0.5);`表示去掉右侧阴影。
阅读全文