초보개발자의 성장블로그
CSS 07 a:link, a:visited, a:hover, a:active 로 링크 텍스트 꾸미기
프론트엔드/CSS2021. 3. 20. 07:17
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>font 속성</title>
<style>
a.font_a:link{ /* <!--방문전 링크상태--> */
font-size: 60px;
color:blue; /* <!-- 크롬에서는 블루가 안보이네;;--> */
text-decoration:none; /* <!-- 밑줄 사라지는 효과--> */
}
a.font_a:visited{ /* <!--방문 후 링크상태--> */
color:#00ff00; /* <!-- 연두색--> */
}
a.font_a:hover{ /* <!--마우스 오버했을 때 링크상태--> */
color:#ff0000; /* <!--빨간색--> */
font-weight:bold;
text-decoration: underline;
}
a.font_a:active{ /* <!--마우스 클릭했을 때 링크상태--> */
color:#00ffff; /* <!--하늘색--> */
}
</style>
</head>
<body>
<a class="font_a" href="http://hs0955.tistory.com">초보개발자의 성장블로그</a>
</body>
</html>'프론트엔드 > CSS' 카테고리의 다른 글
| CSS 09 아이디 선택자 사용하기 (0) | 2021.03.20 |
|---|---|
| CSS 08 타입 선택자 사용하기 (0) | 2021.03.20 |
| CSS 06 font-family, font-size, font-style, font-weight 속성 (0) | 2021.03.20 |
| CSS 04 text-align, text-decoration, line-height 속성 사용하기 (0) | 2021.03.19 |
| CSS 03 color 속성으로 글자 색상 지정하기 (0) | 2021.03.19 |
댓글()