kód:
<center>
<ul id="navigation">
<li>
<a href="http://">link1</a></li>
<li>
<a href="http://">link2</a></li>
<li>
<a href="http://">link3</a></li>
<li>
<a href="http://">link4</a></li>
<li>
<a href="http://">link5</a></li>
<li>
<a href="http://">link6</a></li>
<li>
<a href="http://">link7</a></li>
</ul>
</center>
<style type="text/css">
#navigáció {
margó: 0;
párnázás: 0;
list-style-type: nincs;
list-style-image: nincs;
lista-stílus: nincs;
}
#navigation li {
margó-alsó: 5 képpont;
}
#navigation a {
háttér: #7999CA;
szín: #000000;
betűméret: 12 képpont;
kijelző:inline-block;
szélesség: 200 képpont;
padding-bottom: 5px;
padding-top: 5px;
keret: 0px;
szöveg-árnyék: 15px 0px átlátszó, -15px 0px átlátszó;
-webkit-transition-duration:0,5s;
-moz-transition-duration:0,5s;
-ms-transition-duration:0,5s;
-o-transition-duration:0,5s;
átmeneti idő: 0,5 s;
}
#navigation a:hover {
háttér: #FBFDB2;
szín: #000000;
szöveg-dekoráció: nincs;
text-shadow:0px 0px #333, -0px 0px #333;
-webkit-transition-duration:0,5s;
-moz-transition-duration:0,5s;
-ms-transition-duration:0,5s;
-o-transition-duration:0,5s;
átmeneti idő: 0,5 s;
keret: 0px;
}
--></style>