html - 如何使用阴影创建实心边框？

Question

我正在尝试使用 box-shadow inset 添加边框，因为我无法使用 border-box 在 a 元素之一上。却得不到。有帮助吗？

.parent{
  background: #FFF;
  padding:5rem;
  box-shadow: inset 1px 1px 0px 2px rgba(0,0,0,1);
}

<div class="parent"></div>

Answer 1

将阴影的水平和垂直偏移量(值)改为0px如:

   box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,1);

.parent{
  background: #FFF;
  padding:5rem;
  box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,1);
}

<div class="parent"></div>