[CSS] 폰트 밑줄 넣기 / 삭제하기 (생성 / 삭제 )

CSS 폰트 밑줄 생성 삭제 하기 [Text / Font underline Set]

 

  기본 형태

Css Selector {
    //밑줄 없애기
    text-decoration : none;
    //밑줄 생성하기
    text-decoration : underline;
}

 

  Html 태그내 style 속성을 이용한 직접 입력을 이용하여 밑줄 생성 및 삭제

<a href="/" style="text-decoration:underline;">메모를 메모하다 (a태그)</a>
<p style="text-decoration:none;">메모를 메모하다 (p태그)</p>

  출력 결과 (적용 전 후 비교)

  CSS 파일에 Selector를 이용한 밑줄 생성 및 삭제

a {
    //밑줄 없애기
    text-decoration : none;
}

p {
    //밑줄 생성하기
    text-decoration : underline;
}

 

 

  출력 결과 (적용 전 후 비교)