css - 在链接周围创建方形边框

Question

我想在链接周围创建一个边框，在整个链接周围形成一个正方形:hover。我怎样才能达到这个效果？

Answer 1

HTML

<a href="#">one</a><br/>
<a href="#">two</a><br/>
<a href="#">three</a><br/>
<a href="#">four</a><br/>

CSS

a:hover{
 border:1px solid red;  
}

小提琴