如何在块内制作边框？

Question

如何在悬停事件后在块内制作border-bottom？

这个我试过用文字阴影，但似乎它不是解决

Answer 1

中插入进去的阴影似乎是您所需要的

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

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

<div></div>

OR

使用伪元素

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

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

<div></div>