[html ¼Ò½º]
<html>
<head>
<meta charset="utf-8">
<title>CSS¸Þ´º¸¸µé±â</title>
<link href="menu.css" rel="stylesheet" type="text/css">
</head>
<body>
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
<li><a href="#">menu3</a></li>
<li><a href="#">menu4</a></li>
</ul>
</body>
</html>
[menu.css]
*{margin:0px;padding:0px;}
ul{list-style-type:none;}
li{display:inline;}
a:link, a:visited{
background-color:#FF0000;
color:#FFFFFF;
text-decoration:none;
float:left;
text-align:center;
width:24%;
border-right-style:solid;
border-right-width:1px;
border-right-color:#FFFFFF;
padding-top:0.5em;
padding-bottom:0.5em;
}
a:hover, a:active{background-color:#FFFFFF;color:#FF0000;}
|