폰트 속성 CSS 적용하기 css 개념잡기

폰트 속성 CSS 적용하기 css 개념잡기

와우누리 0 2127

1
1
MLB 빅볼 청키 운동화
와우누리
2
2
숀리 바이크 실내자전거 팝니다
와우누리
3
3
시슬리 멀티쿠커 라면포트 새상품
와우누리
4
4
LG 미니 오디오 사운드 먹통
와우누리

임의의 이름으로 css를  저장후 계정에 업로드 합니다.

예: font.css

 

폰트적용할 페이지는

<head>

<link rel="stylesheet" href="font.css">

</head>

또는

<link rel="stylesheet" type="text/css" href="외부 스타일 시트 파일">

<link rel="stylesheet" type="text/css" href="font.css">

 

font.css 내용은 

a 태그의 폰트 설정을 비활성 (a태그 전체적용)
a {text-decoration:none;}

 

링크의 처음색상
a:link {color:black;}

 

클릭한후 색상설정.
a:visited {color:gray;}

 

링크에 마우스 오버시 폰트색상
a:hover {color:orange;}

 

 

링크 속성 정리

a:link {color: #ffffff;}/* 방문하지 않은 링크의 색상*/
a:visited {color: #ffffff;}/* 방문했던 링크의 색상*/
a:hover {color: #ffffff;}/* 마우스를 오버한 링크의 색상 */
a:active {color: #ffffff;} /* 마우스를 누른 상태의 링크 색상 */
a {text-decoration: none;} /* 링크 밑줄 비활성 */ 

 

그외 오만가지의 설정을 할 수 있습니다.  

나때는 말이야 [나때말]





0 Comments