在链接周围创建方形边框

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;  
}

小提琴