如何在边框底部做阴影？ [英] How to make shadow on border-bottom?

问题描述

我需要通过CSS3在边框底部应用边框阴影。我只是想应用CSS3阴影底部。这是可能吗？

解决方案

snippetdata-lang =jsdata-hide =false>

  div {-webkit-box-shadow：0px 1px 1px＃de1dde; -moz-box-shadow：0px 1px 1px＃de1dde; box-shadow：0px 1px 1px＃de1dde; }  

 < div> wefwefwef< / div& code> 
 

通常从框底部添加1px模糊阴影1px

  box-shadow：[水平偏移] [垂直偏移] [模糊半径] 
  

I need to apply the border shadow on border-bottom by CSS3. I just want to apply CSS3 shadow on bottom. Is this possible?

解决方案

Try:

div{
-webkit-box-shadow:0px 1px 1px #de1dde;
 -moz-box-shadow:0px 1px 1px #de1dde;
 box-shadow:0px 1px 1px #de1dde;
  }

<div>wefwefwef</div>

It generally adds a 1px blurred shadow 1px from the bottom of the box

box-shadow: [horizontal offset] [vertical offset] [blur radius] [color];

这篇关于如何在边框底部做阴影？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！