 |
|
|  |
CSS Hover ¸¦ ÀÌ¿ëÇÑ ±ò²ûÇÑ ÆäÀÌ¡ |
|
|
 |
9³â Àü |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>¹ÂÁ÷Æ®·ÎÆ®</title>
<style type="text/css">
/* base */
#wrap {
width:23em;
border:6px solid #eee;
margin:6em auto;
padding:1.5em 0;
text-align:left;
overflow:hidden;
}
/* css */
ul {
list-style:none;
float:left;
display:inline;
}
ul li {
float:left;
}
ul li a {
float:left;
padding:4px;
margin-right:3px;
width:15px !important;
color:#000;
font:bold 12px tahoma;
border:1px solid #eee;
text-align:center;
text-decoration:none;
width /**/:26px; /*IE 5.5*/
}
ul li a:hover, ul li a:focus {
color:#fff;
border:1px solid #f40;
background-color:#f40;
}
</style>
</head>
<body>
<div id="wrap">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a></li>
<li><a href="#">10</a></li>
</ul>
</div>
</body>
</html>
|
|
̵̧ : 492 |
̵̧
¸ñ·Ï
|
|
|  |
|