728x90
링크속성
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
a:link { color:grey; text-decoration : none; }
/* 링크가 걸린 글자 자체에 색이 없다 */
a:visited { color:grey; text-decoration : none; }
/* 링크 클릭 후에도 색이 변하지 않는다. */
a:hover { color:orange; text-decoration : underline; }
/* 마우스 커서 올려놨을때 색이 달라진다 */
a:active { color:grey; text-decoration : none; }
/* 방문후 클릭해도 */
</style>
</head>
<body>
<h3>고양이 품종</h3>
<ul>
<li><a href="www.naver.com" target="_blank">아메리카 쇼트헤어</a></li>
<li><a href="www.naver.com" target="_blank">페르시아 고양이</a></li>
<li><a href="www.naver.com" target="_blank">샴 고양이</a></li>
<!-- a href = "www.naver.com"식으로 오지않고"#"이 오면 실제 이동은 없다 -->
<!-- target="_blank" 는 새창으로 열기 -->
</ul>
</body>
</html>** link는 링크가 걸린 글자, visited는 마우스 클릭 후, hover는 롤오버 시, active는 마우스를 클릭한 순간
'일단 해보는 코딩 > CSS' 카테고리의 다른 글
| [CSS] CSS 활용 (IMG,TABLE), Display, list 꾸미기 (0) | 2022.06.20 |
|---|---|
| [CSS] 선택자(Selector)종류와 사용법 (0) | 2022.06.17 |
| [CSS] 박스 모델 꾸미기 (0) | 2022.06.17 |
| [CSS] 글자 스타일 (0) | 2022.06.16 |
| [CSS] CSS(Cascadion Style Sheets), 배경화면, 글씨 색상설정 (0) | 2022.06.16 |