WEB Archive
[HTML] CSS - 한 화면에 두 가지 형태의 링크 설정해보기
universedevelope
2024. 8. 20. 14:17
<!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