如何在块内制作边框底部？ [关闭]

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>