[CSS] li에 영역 전체에 링크 걸기 > 온라인강의

본문 바로가기
 
 
 
비즈니스의 시작 비즈명함 ~ 가격, 품질, 배송 3가지 만족을 드리는 비즈명함 / 즉석명함 / 급행서비스 / 서울 전지역 수도권일부 3시간배송

오늘 368
어제 1,062
최대 2,526
전체 3,733,028

최근 방문자

1978
1864
1980
1833
1062
368
16 17 18 19 20 21
온라인강좌 홈 > 온라인강좌 > 온라인강좌

HTML | [CSS] li에 영역 전체에 링크 걸기

페이지 정보

작성일2017-09-05 04:39 조회1,196회 댓글0건

본문

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
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.


온라인강의 목록

Total 162건 1 페이지
온라인강의 목록
번호 제목
162
161
160
열람중
158
157
156
155
HTML checkbox 타입 readonly 적용 (wr.2017-04-18) 인기글 Hit.1012
154
153
152
151
HTML HTML Anchors with 'name' or 'id'? (up.2016-12-27) 인기글 Hit.1590
150
149
HTML [CSS] div 고정폭 + 가변폭 (up.2016-09-20) 인기글 Hit.2512
148
147
146
145
144
HTML [CSS] li height 높이 변경 (wr.2016-08-09) 인기글 Hit.2857
143
142
HTML [CSS] DIV에 UL 가운데 정렬 (wr.2016-08-06) 인기글 Hit.2433
141
140
139
138
HTML IE 렌더링 모드 (wr.2016-02-03) 인기글 Hit.2191
게시물 검색
 
 
상호: 해피정닷컴 대표:정창용 사업자등록번호:119-05-36414 (08394) 서울시 구로구 디지털로 242 한화비즈메트로1차 1502호
전화: 070-7600-3500 팩스:02-865-3528 개인정보관리:정창용 mail@happyjung.com 에스크로확인
개인정보취급방침
COPYRIGHT 2001~2018 해피정닷컴. All rights reserved. 통신판매신고:2014-서울구로-0074
 
모바일 버전으로 보기