</head>
<body>
<div id="nav">
<ul>
<li><a
href="#">Home</a></li>
<li><a
href="#">About</a></li>
<li><a
href="#">Portfolio</a></li>
<li><a
href="#">Contact</a></li>
</ul>
</div>
</body>
</html>
Dan buat file css nya. Simpan dengan nama style.css
#nav ul{
margin:0;
padding:0;
list-style:none;
width:100%;
float:left;
background:#FF6600;
}
#nav li{
display:inline;
}
#nav li a{
display:block;
float:left;
padding:5px 12px;
text-decoration:none;
color:#FFFFFF;
font:12px Arial, Helvetica,
sans-serif;
border-right:1px solid #FF9900;
}
#nav li a:hover{
background:#FF9900;
}
.gif)
0 komentar:
Posting Komentar