하이퍼링크 2

[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 2025.01.13

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

하이퍼링크의 이벤트별 색상 변경방법을 알아보자. See the Pen Untitled by 날개를달다 (@pmdgstri-the-flexboxer) on CodePen. a:link아직 방문하지 않은 링크의 글자색을 정의한다.기본색상은 파란색이다. 많은 사람들이 익숙한색a:visited사용자가 방문한 적이 있는 링크의 글자색을 정의한다.기본색상은 보라색이다. 필자는 보통 link색상과 일치시켜둔다.a:hover마우스 오버시 링크의 글자색을 정의한다.위 예제 테스트용에 마우스를 올리면 변경되는것을 확인할수 있다.a:active마우스 클릭시 링크의 글자색을 정의한다.(여기서 클릭시란 마우스를 눌렀다가 떼기전까지의 시간입니다.)마찬가지로 위 예제 테스트용을 클릭하고 마우스를 떼지..

CSS 2025.01.13