在链接周围创建方形边框

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

Fiddle