navigation menu 08# >> css

<style type="text/css">
.navi { /* navigáció sávja */
height: px!important; /* magassága */
padding: 17px; /* tartalom távolsága a szélektől */
background-color: #141414; /* háttérszín */
text-align: center; /* középen helyezkedik el a tartalom */
}

mh a:link, mh a:visited { /* menü linkjei */
background-color: #000000; /* háttérszín */
color: #ffffff; /* szövegszín */
font-family: Century Gothic; /* betűtípus */
font-size: 14px; /* betűméret */
font-weight: 500; /* betűsúly */
font-style: normal; /* nem dőlt */
letter-spacing: 2px; /* betűk közötti távolság */
text-transform: uppercase; /* nagybetűs */
border: 4px solid #141414; /* keret beleolvad a navigációs sáv hátterébe */
border-radius: 20px; /* sarkak lekerekítése */
padding: 10px; /* a szöveg távolsága a háttérszíntől */
margin: 5px; /* a linkek közötti távolság */
transition: all .5s ease-in-out;
}

mh a:hover, mh a:active { /* menü linkjei amikor ráviszed az egeret */
background-color: #141414; /* háttérszín */
border: 4px solid #000000; /* keret */
}</style>