개발/퍼블리싱

html 링크 효과(파란줄) 없애기

기디개 2020. 2. 12.
반응형

 

소스는 아래와 같다.

<HEAD>
<TITLE> 텍스트 링크의 파란색 줄 없애기 </TITLE>

<style type="text/css">
 
a:link { color: blue; text-decoration: none;}

 a:visited { color: blue; text-decoration: none;}

 a:hover { color: blue; text-decoration: underline;}

 a:active { color: blue; text-decoration: underline;}

</style>

소스를 해석하면 아래와 같다.


a:link : 원래 상태의 링크

a:visited : 한번 클릭했던 링크

a:hover : 링크를 클릭하려고 마우스를 가져갔을 때

a:active : 링크부분에서 마우스를 누르고 있는 동안의 상태


decoration : 밑줄
none : 밑줄이 없는 상태
underline : 밑줄이 있는 상태

a:active : 링크부분에서 마우스를 누르고 있는 동안의 상태

반응형

댓글

💲 추천 글