CSS 기초강좌 - 링크(Link)
html 에서 링크를 하여 다른 페이지로 이동하고 싶다면
<a>라는 태그를 사용 합니다.
형식은 <a href="이동 할 페이지 주소">페이지가 이동 합니다.</a> 됩니다.
링크를 하게 되면 링크한 글자에 색상이 바뀌고 밑줄이 선이 자동으로 나타나게 되는데요
css 에서 해당 속성들을 없애거나 바꿀 수 있습니다.
Part05 / 링크(Link)
아래의 소스처럼 입력해 봅니다
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>링크(Link)</title>
<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>
<a href="http://www.naver.com" target="blank">네이버로 바로가기</a>
</body>
</html>
게시판 목록
퍼블리셔팁
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 1007 | CSS | 8년 전 | 1833 | ||
| 1006 | CSS | 8년 전 | 2540 | ||
| 1005 | CSS | 8년 전 | 1994 | ||
| 1004 | HTML | 8년 전 | 2416 | ||
| 1003 | HTML | 8년 전 | 2849 | ||
| 1002 | HTML | 8년 전 | 3226 | ||
| 1001 | HTML | 8년 전 | 3694 | ||
| 1000 | HTML | 8년 전 | 2165 | ||
| 999 | HTML | 8년 전 | 2395 | ||
| 998 | HTML | 8년 전 | 2324 | ||
| 997 | HTML | 8년 전 | 1943 | ||
| 996 | HTML | 8년 전 | 2224 | ||
| 995 | 기타 | 8년 전 | 2086 | ||
| 994 | 기타 | 8년 전 | 2367 | ||
| 993 | 기타 | 8년 전 | 3231 | ||
| 992 | 반응형 | 8년 전 | 2755 | ||
| 991 | 반응형 | 8년 전 | 1978 | ||
| 990 | 반응형 | 8년 전 | 1948 | ||
| 989 | 반응형 | 8년 전 | 2254 | ||
| 988 | 반응형 | 8년 전 | 2414 | ||
| 987 | 반응형 | 8년 전 | 2507 | ||
| 986 | CSS | 8년 전 | 2648 | ||
| 985 | CSS | 8년 전 | 2710 | ||
| 984 | CSS | 8년 전 | 2673 | ||
| 983 | CSS | 8년 전 | 2357 | ||
| 982 | CSS | 8년 전 | 2021 | ||
| 981 | CSS | 8년 전 | 2143 | ||
| 980 | CSS | 8년 전 | 3639 | ||
| 979 | CSS | 8년 전 | 2927 | ||
| 978 | CSS | 8년 전 | 2163 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기