Stap 5: De CSS-Code - Styling van de hoofdlijst
.menu ul / * Kind lijsten verbergen door standaard * / / * weergeven op met aanwijseffect * / / * Drijvende de hoofdlijst links * /
{
achtergrond: #2E8AE6;
padding: 0 20px;
lijst-stijl: none;
positie: relatief;
display: inline-tabel;
}
.menu ul: na
{
inhoud: ""; Clear: both; weergeven: blokkeren;
}
.menu ul ul
{
display: none;
positie: absoluut; boven: 100%;
}
.menu ul li:hover > ul {}
weergeven: blokkeren;
}
.menu ul li
{
float: links;
border-left: 1px solid #4093E6;
rechts rand: 1px solid #246BB2;
}