怎么实现鼠标放在链接上是红色加下划线

img

img


怎么实现鼠标放在链接上是红色加下划线的，不知道少了什么，要添加什么

a:hover{
  color:red;
  text-decoration:none;
  border-bottom:1px solid red;
}

给a标签加上这段CSS，有帮助的话采纳一下哦！

给 hover属性 几个 下划线样式