html - 如何在 h2 中的边框框中创建白色阴影

Question

如何在我的边框底部，在我的 H2 底部添加一个框阴影？？

HTML:

<h2> Hi </h2>

CSS:

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

JSFiddle

Answer 1

关键是在点差值上玩负值，所以像这样:

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