Dream: [CSS] 링크에 밑줄을 제거해주는 text-decoration속성

2014년 3월 26일 수요일

a 태그에 href 속성을 사용하다 보면 링크 값에 파란색 글씨와 밑줄이 생긴다는 것을 알수 있을겁니다. 이처럼 a태그와 href 속성에 의해 생기는 파랜색 글씨와 밑줄은 text-decoration속성을 통해 제거할수가 있는데요

아래의 예시를 통해 text-decoration속성의 사용법과 어떻게 활용되는지 간단하게 이해하고 넘어가도록 하겠습니다

<body>

<a href="#"> text-decoration속성 예시입니다 </a>

</body>

위의 예시처럼 body태그 안에 a 태그와 href속성을 추가하게 되면 아래와 같은 결고가 나오게 됩니다.

여기에 css 스타일 속성인 text-decoration속성 적용하게 되면 a태그에 적용된 파란색과

밑줄이 아래의 사진처럼 제거 된다는것을 알수 있을겁니다.

text-decoration속성은 css속성에서 가장기본적인 속성이면서 많이 사용되는 속성중 하나입니다 그렇기 때문에 css공부하시는 분들은 꼭 기억해두시는게 좋겠죠^^

Dream