[HTML][CSS] 특정 문자나 이미지에 A태그나 마우스 포인터 사용법

 

크게 HTML에 a태그를 주는 방법과 CSS에 cursor 포인터를 주는방법이 있음.

 

1.  CSS에 cursor 포인터를 주는방법

.pointer{
        cursor: pointer;
    }
    

<span class="pointer" onclick="close_divpop('div_frm','divpop')"><b>[닫기]</b></span>

 

 

2.  HTML에서 a태그로 cursor 포인터 효과 내기

 

 < a태그 활용법 >

 

팝업창 [닫기]처럼 마우스를 클릭하면 a태그로 이동하는 것처럼 보이지만, 실제로는 아무일도 일어나게 하고 싶지 않을 때 사용하는 a태그 활용법

 

a href="#none"

샵 뒤에 아이디로 쓰지 않는 텍스트를 넣습니다. 그러면 어느 오브젝트로도 이동하지 않고, 스크롤 이동도 없습니다.

 

a href="javascript:;"

자바스크립트라고 작성하였지만 아무런 일도 생기지 않습니다. 스크롤 이동도, undefined 발생도 없습니다.

 

 

<a href="javascript:;" onclick="close_divpop('div_frm','divpop')"><b>[닫기]</b></a>