CSS 在链接周围创建方形边框

Question

提问by AMC

I'd like to create a border around links that forms a square around the entire link on :hover. How do I achieve this effect?

我想在链接周围创建一个边框，在上的整个链接周围形成一个正方形:hover。我如何实现这种效果？

link-border

链接边界

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