[CSS] li에 영역 전체에 링크 걸기 > 기술자료

• 목록

a태그로 링크하면 글씨에만 링크가 걸리죠. 공백에도 링크거는 방법입니다.
아래와 같이 display:block;를 추가해주세요

<style> 
#menu ul { padding:0; margin:0; }
#menu ul li { margin: 0; list-style: none; }
#menu a { display:block; text-decoration:none; }
</style>

<div id="menu">
    <ul>
        <li><a href="1">메뉴1</a></li>
        <li><a href="2">메뉴2</a></li>
    </ul>
</div>


관련자료
http://hobbang.net/etcinfo/24
http://unikys.tistory.com/333