[HTML][CSS] a 태그 영역 확장

Wooki·2022년 10월 26일
0

CSS

목록 보기
3/9
<li><a href="link">ABC</a></li>

위 코드처럼 a 태그가 다른 block 태그에 감싸져 있을 경우

<a>태그는 inline속성을 가지지만,
<li>태그는 block속성을 가지기에 li 영역을 클릭해도 a 태그는 작동하지 않고
a태그의 내용인 ABC를 클릭해야 한다.

li영역을 선택해도 a 태그가 작동되게 하기 위해서

a {display:block;}

위 속성을 부여하여 display를 블록으로 만들면 해결할 수 있다.

profile
웹 개발자

0개의 댓글

관련 채용 정보