링크 주위에 사각형 테두리 만들기

-5

:hover에 전체 링크 주위에 사각형을 형성하는 링크 주위에 테두리를 만들고 싶습니다. 이 효과는 어떻게 얻을 수 있습니까?링크 주위에 사각형 테두리 만들기

link-border

2012-09-18 AMC

당신이 어떤 다른 요소 주위에 테두리를 그릴 것 같은 방법입니다. 'a : hover {border : 1px solid red; }' –

코드에서 직접 시도를 보여줘야합니다. – Sparky

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

2012-09-18 15:47:50

대답은 훌륭하지만 피들 (Fiddle)은 곧 사라질 것이고 StackOverflow 질문은 영원히 ... 아마도 당신은 당신의 대답에 코드를 통합 할 수 있습니까? :) –

@TarynEast : 완료 –

답변