CSS 기초강좌 - 링크(Link)

컴프

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 9년 전 · 조회 2982 2982

html 에서 링크를 하여 다른 페이지로 이동하고 싶다면

<a>라는 태그를 사용 합니다.

형식은 <a href="이동 할 페이지 주소">페이지가 이동 합니다.</a> 됩니다.

링크를 하게 되면 링크한 글자에 색상이 바뀌고 밑줄이 선이 자동으로 나타나게 되는데요

css 에서 해당 속성들을 없애거나 바꿀 수 있습니다.

Part05 / 링크(Link)

아래의 소스처럼 입력해 봅니다

<!doctype html>

<html>

<head>

<style>

/* 기본 링크상태, 한번도 브라우저로 방문한 적이 없는 상태 */

a:link {

color: #FF0000;

}

/* 최소 한번이상 클릭하여 방문한 상태 */

a:visited {

color: #00FF00;

}

/* 링크 위에 마우스를 올렸을 때 */

a:hover {

color: #FF00FF;

}

/* 링크를 마우스로 클릭했을 때 */

a:active {

color: #0000FF;

}

/* 링크에 스타일 속성 없애기*/

a:link {

text-decoration: none;

}

/* 최소 한번이상 클릭하여 방문한 링크에 스타일 속성 없애기*/

a:visited {

text-decoration: none;

}

/* 링크 위에 마우스를 올렸을 때 스타일 속성 없애기 */

a:hover {

text-decoration: underline;

}

/* 링크를 마우스로 클릭했을 때 스타일 속성 없애기 */

a:active {

text-decoration: underline;

}

</style>

</head>

<body>

</body>

</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
77	HTML	Ajax의 표기와 발음에 관한 의견! [4]	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5144
76	HTML	움직이는 gif도 썸네일을 만들수 있는 함수 [6]	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	6767
75	HTML	Ajax에서 [즐겨찾기]와 [뒤로가기]를 다루는 방법! [2]	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	6775
74	기타	CSS 사전입니다.(zip 압축파일) [13]	Photofly 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5930
73	HTML	간단한 디렉토리 인덱싱 시스템(규칙에 맞는것만 보여줌) [1]	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3711
72	HTML	롤오버 이미지를 사용할 수 있는 심플한 드롭다운 메뉴	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	6296
71	HTML	위에서 하나씩 떨어지는 메뉴 스크립트	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3194
70	HTML	사용자 브라우저에서 자바지원 여부에 따라 리다이렉트 시키기 [1]	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3505
69	HTML	사용자 브라우저의 자바 버전 알려주기	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2426
68	HTML	윈,맥용 사이트를 운영할때 각각 다른 다운로드 사이트로 이동시키기	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2726
67	HTML	사용자 웹브라우저의 이름 알려주기	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2632
66	HTML	사용자 웹브라우저 정보 보여주기 해상도, 자바설치여부 등등	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3142
65	HTML	ctrl +j 와 ctrl + alt + shift + t 의 사용법(잔팁) [5]	사랑과우정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4737
64	HTML	curl 함수를 이용한 HTTP_REFERER 변경 [8]	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	13643
63	HTML	if [23]	izen 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3499
62	HTML	iinclude와 조건문 [7]	rolo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3905
61	HTML	국내 지도 선택(시, 도 별로 선택하기) [5]	수다쟁이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4350
60	HTML	페이지 이동중입니다 잠시만 기달려주세여	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3597
59	HTML	php실명인증 한번만하면 쭈우욱^^ [1]	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3789
58	HTML	http://홈주소/?mode=xxx 하는방법 :) [1]	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4102
57	HTML	포토샵 환경 설정 초기화 하기(1원짜리 팁) [2]	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5645
56	HTML	[자바스크립트강좌] HTML로 글자 변환	스마일미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4129
55	HTML	데이터베이스의 생성, 선택, 보기	스마일미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4024
54	HTML	포토샵 CS 브러쉬 툴 강좌 [4]	스마일미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3687
53	HTML	IE 패치 스크립트(상호 작용하는 ActiveX 컨트롤이 사용자 입력에 즉시 응답하도록 웹 페이지를 수정하는 방법) [2]	rolo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3800
52	HTML	네이버 openapi 사용하여 쇼핑검색 만들기 [2]	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5633
51	HTML	네이버 openapi 사용하여 실시간 인기검색어 보여주기 [4]	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5642
50	HTML	특정 IP 차단하기... [1]	왕초보 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4107
49	HTML	window.showModalDialog 항상 위에 뜨는 창 열기	rolo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5701
48	HTML	전화 번호 숫자만 빼오기 [5]	rolo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3751