<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test013</title>
<style type="text/css">
a:link{color:blue;}
a:hover{color:orange;, font-weight: bold;}
/* 클래스로 설정하면 커서올렸을 때 다르게 표현됨 */
a.yellow:hover{color: yellow; font-weight: bold; font-family:궁서;}
a.red:hover{color: red; font-weight: bold; font-family: 맑은 고딕;}
</style>
</head>
<body bgcolor="#334433" text="#ffffff">
<div>
<h1>한 화면에 두 가지 형태의 링크 설정</h1>
<hr>
</div>
<div>
<a class = "yellow" href="http://localhost:8090/WebApp02/Test011.html">바로가기 1</a>
<a class = "red" href="http://localhost:8090/WebApp02/Test012.html">바로가기 2</a>
</div>
</body>
</html>
728x90
'WEB Archive' 카테고리의 다른 글
| [HTML] CSS - style sheet(스타일시트) 의 상속성 (0) | 2024.08.20 |
|---|---|
| [HTML] CSS - 동적 선택자 적용실습(hover, active) (0) | 2024.08.20 |
| [HTML] CSS - 가상 요소 적용 실습 (0) | 2024.08.20 |
| [HTML] CSS - 기타 다른 속성들 (0) | 2024.08.20 |
| [HTML] CSS - 글자 간격 지정 (0) | 2024.08.20 |
댓글