如何在边框中创建白色阴影，在h2中

Question

如何在我的H2 ??

底部的边框底部添加一个盒子阴影

HTML：

<h2> Hi </h2>

CSS：

h2 {
   border-bottom: 1px solid grey;
}

JSFiddle

Answer 1

应该可以使用：

div h2 {
    box-shadow: 10px 10px grey;
} 

http://www.w3schools.com/css/css3_shadows.asp

Answer 2

试试这个

＆＃13;

＆＃13;

h2 {
    border-bottom: 1px solid grey;
    position: relative;
}

h2:after{
    content: '';
    position: absolute;
    height: 1px;
    bottom: -1px;
    left: 0;
    right: 0;
    box-shadow: 0 2px 2px red;
}

＆＃13;

<h2> Hi </h2>

＆＃13;

＆＃13;

＆＃13;

我认为你需要盒子阴影：）

Answer 3

键正在播放传播值的负值，所以类似于：

h2 {
   border-bottom: 1px solid grey;
   box-shadow: 0 3px 8px -5px rgba(0,0,0,.5);
}