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

フィドル