확인은 IE6.0, IE7.0, FF 에서 확인 하였다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> eyes of siche </title>
</head>
<body>
<style type="text/css">
.tagsec { width: 300px; border: 1px solid #ccc; padding: 10px; word-spacing: 5px; font-size: 11px; color: #bebebe; font-family: dotum; line-height: 30px; }
.tagsec a:link, .tagsec a:visited { font-weight: bold; font-size: 12px; white-space: nowrap; color: #a3a3a3; text-decoration:none; }
.tagsec a:active, .tagsec a:hover {color:#a3a3a3;text-decoration:none}
.tagsec a.level1 {}
.tagsec a.level2 { color: #00adc6 !important; }
.tagsec a.level3 { font-size: 14px !important; color: #006a77 !important; }
.tagsec a.level4 { padding: 3px; background-color: #3ec1d5; color: #fff !important; font-size: 15px !important; }
</style>
<div class="tagsec">
<a href="#" class="level2">벽시계</a> |
<a href="#" class="level4">그림그리기</a> |
<a href="#" class="level3">사극</a> |
<a href="#" class="level2">테이블</a> |
<a href="#" class="level1">스키</a> |
<a href="#" class="level2">섬여행</a> |
<a href="#" class="level4">문근영</a> |
<a href="#" class="level3">건강</a> |
<a href="#" class="level2">축제</a> |
<a href="#" class="level2">오븐요리</a> |
<a href="#" class="level4">야구</a>
</div>
</body>
</html>
구지 다른 설명은 필요 없을듯..;
Posted by siche
