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에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 797 | HTML | 9년 전 | 1711 | ||
| 796 | HTML | 9년 전 | 1522 | ||
| 795 | HTML | 9년 전 | 3305 | ||
| 794 | 기타 | 9년 전 | 2249 | ||
| 793 | HTML | 9년 전 | 3756 | ||
| 792 | HTML | 9년 전 | 1856 | ||
| 791 | 반응형 | 9년 전 | 2559 | ||
| 790 | HTML | 9년 전 | 10038 | ||
| 789 | HTML | 9년 전 | 5745 | ||
| 788 | CSS | 9년 전 | 2492 | ||
| 787 | 반응형 | 9년 전 | 3269 | ||
| 786 | 웹접근성 | 9년 전 | 3463 | ||
| 785 | 웹접근성 | 9년 전 | 2385 | ||
| 784 | 기타 | 9년 전 | 2391 | ||
| 783 | CSS | 9년 전 | 2245 | ||
| 782 | CSS | 9년 전 | 2418 | ||
| 781 | CSS | 9년 전 | 3950 | ||
| 780 | 반응형 | 9년 전 | 4304 | ||
| 779 | CSS | 9년 전 | 3151 | ||
| 778 | 반응형 | 9년 전 | 3283 | ||
| 777 | 반응형 | 9년 전 | 7639 | ||
| 776 | CSS | 9년 전 | 4781 | ||
| 775 | CSS | 9년 전 | 5390 | ||
| 774 | CSS | 9년 전 | 4615 | ||
| 773 | 반응형 | 9년 전 | 3601 | ||
| 772 | CSS | 9년 전 | 2990 | ||
| 771 | 웹접근성 | 9년 전 | 3532 | ||
| 770 | HTML | 9년 전 | 3743 | ||
| 769 | HTML | 9년 전 | 2376 | ||
| 768 | 9년 전 | 2404 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기