테두리 색상 firebug 검사 요소와 같은

Question

웹 페이지에서 DOM 요소를 검사하려고 할 때 방화 광구로 만든 테두리 색상을 재현하고 싶습니다.

다음 이미지의 텍스트 "Link2"주위의 경계선처럼 보입니다.

텍스트 "링크"주변의 테두리 내가 한 것입니다. 코드는이 링크에서 볼 수 있습니다. jsfiddle.

누군가 Link2의 테두리를 재현 할 CSS 코드를 작성하는 데 도움을 줄 수 있습니까?

감사 효과가 box-shadow CSS 속성을 사용하여 달성되는 것을

Answer 1

이 같은 상자 - 그림자를 사용해야합니다 :

이

http://jsfiddle.net/GolezTrol/AEDsY/

.cl3 { 
    -webkit-box-shadow: 0 0 3px 3px lightblue; 
    -moz-box-shadow: 0 0 3px 3px lightblue; 
    box-shadow: 0 0 3px 3px lightblue; 
} 

Answer 2

.

최대한 많은 지원을 받으려면 -moz-box-shadow, -webkit-box-shadow 및 box-shadow을 사용하십시오.

이

-moz-box-shadow: 0 0 5px 2px blue; 
-webkit-box-shadow: 0 0 5px 2px blue; 
box-shadow: 0 0 5px 2px blue; 

Answer 3

당신은 같은 것을 사용하는 것이 :

원하는 효과, 사용을 얻으려면

-webkit-box-shadow: 0px 0px 3px blue; /* Saf3-4 */ 
-moz-box-shadow: 0px 0px 3px blue; /* FF3.5 - 3.6 */ 
box-shadow: 0px 0px 3px blue; /* Opera 10.5, IE9, FF4+, Chrome 10+ */ 

체크 아웃 http://css3please.com/를 - 그것은 새로운 CSS 속성과 재생을위한 훌륭한 자원입니다.