删除盒子阴影的顶部答案

【问题标题】：Delete top part of box shadow删除盒子阴影的顶部
【发布时间】：2020-08-19 10:42:31
【问题描述】：

我正在使用类似的东西，并且想删除顶部阴影，因为它看起来不太好。有什么想法吗？

div#custom_html-5.widget_text.widget.widget_custom_html {
 box-shadow: 0 0 0.5px black
}

【问题讨论】：

标签： shadow

【解决方案1】：

div#custom_html-5.widget_text.widget.widget_custom_html:before {
      content: "";
      height: 7px;
      width: 100%;
      position: absolute;
      top: -7px;
      background: inherit;
      z-index: 2;
    }

你可以用这个。

【讨论】：

哦，我很抱歉

【解决方案2】：

我正在发送我正在尝试做的完整代码，所以你可以理解：

div#search-2.widget.widget_search { 
 margin-bottom: 20px
}
div#search-2.widget.widget_search { 
     border: 1px solid #dcdcdc
}
div#search-2.widget.widget_search {
 box-shadow: 0 0 0.5px black
}
div#search-2.widget.widget_search { 
 padding-bottom: 20px
}
div#search-2.widget.widget_search { 
 padding-top: 10px
}
div#search-2.widget.widget_search {
    border-bottom: none;
}
div#custom_html-5.widget_text.widget.widget_custom_html {
    border: 1px solid #dcdcdc
}
div#custom_html-5.widget_text.widget.widget_custom_html {
 box-shadow: 0 0 0.5px black
}
#custom_html-5.widget_text.widget.widget_custom_html {
 border-top: none;
}
div#custom_html-5.widget_text.widget.widget_custom_html {
    margin-top: -20px
}
div#custom_html-5.widget_text.widget.widget_custom_html {
 padding-bottom: 10px
}

【讨论】：