Tutorial Website Lengkap

Membuat Menu Sederhana dengan CSS

HTML (Menu.html)

<html>

<head>

<style>

.next{

border:none;

border:0px;

margin:0px;

padding:0px;

position:relative;

top:130px;

}

.next ul{

height:55px;

list-style:none;

margin:0;

padding:0;

}

.next li{

float:left;

padding:0px;

}

.next li a{

background:#fff;

color:#ffff00;

font-family:advent;

display:block;

width:50px;

font-weight:normal;

line-height:35px;

padding:15px 30px;

text-align:left;

text-decoration:none;

}

.next li a:hover, .next ul li:hover a{

background:#000;

width:50px;

color:#FFFF99;

text-decoration:none;

}</style>

</head>

<body>

<div class="next"><ul><li><a href="#">NEXT</a></li></ul></div>

</body>

</html>