[html] menghilangkan pemisah menu

Beranda
Komunitas
Tech
Programmer Forum
[html] menghilangkan pemisah menu

musyrifin

07-05-2013 10:09

[html] menghilangkan pemisah menu

salam,
langsung aja gan, saya punya kode html seperti ini:

Spoiler for code html:

<html>
<head>
<style>
#menu ul li a{
color:red;
text-decoration:none;
padding: 0px 5px 0px 5px;
font:15pt Verdana, Geneva, sans-serif;
font-weight:bold;
}
#menu ul li a:hover{
color:blue;
background-color:red;
}
#menu ul li{
display:inline;
padding:0px 2px 0px 2px;
background-color:blue;
}
</style>
<title>latihan membuat menu</title>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Produk</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</body>
</html>

nah hasilnya di browser seperti ini :
[html] menghilangkan pemisah menu

nah kalo misal saya pengen batas antar menu ndak ada gimana gan yah....?

776

Kutip

Balasan

Komentar yang asik ya

Urutan

Terbaru

Terlama

Komentar yang asik ya

Komunitas Pilihan