如何在块内部制作边框？

Question

如何在悬停事件后在阻止内部border-bottom？

我尝试使用text-shadow，但似乎不是解决方案

Answer 1

插入框阴影似乎是您需要的

div {
  height: 75px;
  background: #c0ffee;
}

div:hover {
  box-shadow: inset 0 -5px 0 red;
}

<div></div>

或

使用伪元素

div {
  height: 75px;
  background: #c0ffee;
  position: relative;
}

div:hover::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: red;
}

<div></div>