1. div的阴影效果
在网页设计中，阴影是一种常用的视觉效果。在CSS中，阴影可以通过 box-shadow 属性来实现。以下是一个创建深灰色带模糊边缘的阴影效果的示例：
.shadow {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
在上述代码中，box-shadow 属性有4个值：
第一个值：水平偏移量（必需），可以是负数
第二个值：垂直偏移量（必需），可以是负数
第三个值：模糊半径（可选），默认值为0，值越大，阴影越模糊，可以是负数，表示锐利度
第四个值：扩张半径（可选），默认值为0，值越大，阴影越大，不能是负数
2. 去掉阴影效果
2.1 利用box-shadow置为none
要去掉一个元素的阴影效果，最简单的方法是将其 box-shadow 属性置为空。例如，以下代码可以将名为 my-div 的元素的阴影效果去掉：
#my-div {
box-shadow: none;
}
2.2 利用CSS样式优先级
无论何时，如果希望在同一元素上应用多个CSS属性，都需要注意CSS样式优先级。样式优先级是指在HTML元素上应用的所有CSS规则中，最终生效的选择器的优先级。
CSS选择器的优先级按以下顺序排序：
内联样式（例如：style="font-weight:bold;"）
具有ID的选择器（例如：#example）
具有类选择器、属性选择器或伪类的选择器（例如：.example、[type="radio"]、:hover）
具有元素名称的选择器（例如：div、h1、p）
通配符选择器（*）
如果两个规则的选择器优先级相同，则后声明的规则将覆盖之前声明的规则。例如，以下CSS规则中，#my-div 选择器优先级高于 .shadow 选择器：
#my-div {
box-shadow: none;
}
.shadow {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
如果先声明了 .shadow 规则，可以通过在 #my-div 规则前添加 !important 来改变优先级顺序：
#my-div {
box-shadow: none!important;
}
但是在平常开发中并不建议使用 !important，因为 !important 具有很高的优先级，它会覆盖任何其他的CSS规则，只有当万不得已的情况下才使用。
3. 结语
这篇文章介绍了如何利用CSS去掉一个 div 元素的阴影效果。如果你有任何其他问题或需要更多详细信息，请向CSS帮助和文档查询。