01 Demó :

 Menüpont  Menüpont  Menüpont  Menüpont  Menüpont

02 Demó:

Menüpont Menüpont Menüpont Menüpont Menüpont

Azért mutattunk két demót is, hogy láthassátok, hogy több lehetőség van, az egész azon múlik, hogy a CSS-ben miket adsz meg! :) Oké, kezdjük az elején:

01: CSS
Szükséged lesz egy CSS kódra, amiben meghatározod a menüd kinézetét két esetben: az első ugye az, amit a látogató először megpillant; a második pedig, mikor ráviszi az egeret a menüpontra. A kódban a szokásos módon feltüntettük a magyarázatot, amit nem kell törölnöd a kódból, csak annak megfelelően írd át a paramétereket. Természetesen amire nincs szükséged, azt a sort kitörölheted, vagy csak 0-ra állítod / törlöd a színkódot stb.
A kódot ide kattintva láthatod.

02: Menüpontok
Figyeld meg a CSS-ben, hogy .box alatt vannak megadva a paraméterek. Erre hivatkoznunk kell a menüpontok megadásánál, hogy tudja a CSS, hogy ott kell "működnie" :). Tehát a menüpontokat így add meg:

<a class="box" href=http://MENÜPONT URL-JE>MENÜPONT NEVE</a>

Annyiszor rakod egymás után amennyiszer szeretnéd. Egyébként több különböző kinézetű menüd is lehet egy oldalon, erre rájöhettél a demók által. A trükk annyi, hogy akkor két CSS kell, az egyik lesz az első menüd kinézete, a másik pedig a második menüé. A lényeg az, hogy a második CSS-ben a .box-ot írd át más szóra, pl: .2box, majd a menüpontok megadásánál a class után is ezt add meg: class="2box".