프로젝트를 하면서 a태그로 다른 페이지로 이동하는 링크를 걸어주었고, 이를 버튼처럼 꾸미고 싶었다
하지만! a 태그는 inline 요소라.. 생각보다 css를 활용하는 게 쉽지 않다
(물론 bootstrap 사용 또는 a 태그의 display를 block으로 설정하면 쉽게 해결이 가능하겠지만 )
나는 다른 방법으로 a 태그 없이도 div 자체에 직접 링크를 걸 수 있는지 알고 싶었고 방법은 정말 간단했다
<div onclick="location.href='원하는 링크 주소(url)';"></div>로 작성하여
간편하게 div에 원하는 주소로 가는 링크를 걸어줄 수 있다
참고로 a가 속한 inline 요소는 원래 지정돼있는 크기가 따로 있어서 width, height의 값이 적용되지 않고,
margin, padding 값 설정이 좌우만 적용이 된다 (상하는 적용 X)
반응형