HTML [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
아래와 같이 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
댓글목록
등록된 댓글이 없습니다.