[CSS] 하이퍼링크(a href) 밑줄 없애기 또는 변경하기

하이퍼링크의 밑줄을 없애거나 변경해보자.

See the Pen [232] 하이퍼링크 by 날개를달다 (@pmdgstri-the-flexboxer) on CodePen.

text-decoration-line : 밑줄의 위치를 지정하거나 없앨수 있다.

none : 선 없음

underline : 밑줄

overline : 윗줄

line-through : 취소선

text-decoration-style : 선의 모양을 변경할수 있다.

solid : 한줄선

double : 두줄선

dotted : 점선

dashed : 굵은 점선

wavy : 웨이브선

text-decoration-color : 선의 색상을 정의한다.

text-decoration-thickness : 선의 굵기로 정의 한다.

※ 위 예제는 편집 가능하니 주석을 풀면서 확인해보면 됩니다.

관련글

[CSS] 하이퍼링크(a href) 글자 색상 변경하기

날다의 운영환경
본체	DeskTop
O S	Windows11 Pro
Browser	Google Chrome