Paste script HTML di bawah ini:
<style>
.float li
{
float: left;
list-style: none;
}
.float li a
color:#fff;
text-decoration: none;
font-variant: small-caps;
background:#000;
border: 1px solid black;
padding: 10px 15px;
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
transition:all 1s ease-out;
.float a:hover
background:#fff;
color: #000;
</style>
<ul class="float">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Pemrograman</a></li>
<li><a href="#">Hiburan</a></li>
<li><a href="#">Health</a></li>
<li><a href="#">Daftar Isi</a></li>
</ul>
This post has no comments - be the first one! Cara Mudah Membuat Menu Horizontal Keren dengan CSS