Cara Membuat Menu Dropdown CSS cuex

   
}
ul#topmenu li {
    float:left;
    position:relative;
    list-style: none;
}
ul#topmenu li a {
    color: #CCC;
    display: block;
    padding: 6px 12px;
    font: bold 15px arial;
    background: #555;
    margin: 0 5px;
}
ul#topmenu li a:hover {
    background: #777;
    color: #EEE;
    text-decoration: none;
}
ul#topmenu li ul {
    display:none;
}
ul#topmenu li:hover ul {
    display:block;
    position:absolute;
    top:auto;
    left:0;
}
ul#topmenu li:hover ul li a{
    display:block;
    background: #555;
    color: #CCC;
    width:150px;
    -moz-box-shadow: 1px 1px 1px #AAA;
}
ul#topmenu li:hover ul li a:hover {
    background: #777;
    color: #EEE;
    text-decoration: none;
}
ul#topmenu li:hover ul ul{
    display:none;
}
ul#topmenu li:hover ul li:hover ul {
    display:block;
    margin: -30px 0 0 175px;
    float:left
   
}
Setelah selesai save script diatas denga nama style.css dan letakkan bersamaan dengan file htmlnya..

Kalau script diatas tidak ada error maka hasil yang akan ditampilkan adalah seperti ini.



Semoga Ilmu diatas bermanfaat bagi para pembaca . Mohon bila ada kesalahan harap koment. Agar Saya bisa memperbaikinya

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
•