html

메뉴탭 바꾸기 (한게임)

포샵질 2017. 2. 1. 13:19

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>한게임 - 즐거운 쉼표, GO 한게임!</title>
<style>
#tab {clear:both; width:498px; height:29px; margin-top:5px; background:url(system_tab1_off.gif) repeat-x center bottom; }
#tab li {display:inline; text-align:left; }
#tab a {float:left; height:29px; margin-left:-2px; font-size:0; }
#tab a:hover, #tab a.selected, #tab a.selected:hover {background-position: 0 -26px}
#tab01 a {width:166px; background:url(system_tab1_on.gif) top left no-repeat; text-indent:-9000px;}
#tab02 a {width:166px; background:url(system_tab1_on.gif)top left no-repeat; text-indent:-9000px;}
#tab03 a {width:166px; background:url(system_tab1_on.gif) top left no-repeat; text-indent:-9000px;}
</style>
</head>

<body>

<ul id="tab">
<li id="tab01"><a href="#" class="selected">내가 플레이한 게임</a></li>
<li id="tab02"><a href="#">월정액현황</a></li>
<li id="tab03"><a href="#">내가 구매한 게임</a></li>
</ul>

</body>
</html>