Heç bir Javascript kodundan istifadə etmədən CSS vasitəsilə aşağıdakı şəkildə çoxmərtəbəli menyuların yaradılması mümkündür.

Bu menyunun yaradılması üçün html kodu aşağıdakı şəkildədir:

CSS stillər isə aşağıdakı kodlarda göstərilib:

ul.makeMenu, ul.makeMenu ul {
width: 125px; 
/* menyu bloklarinin enini teyin edir */
border: 1px solid #000;   
/* menyu bloklarinin etrafina qara rengli serhedin cekilmesi */
background-color:#996600; 
/* menyu bloklarinin fonunun rengini deyishir */
padding-left: 0px;    
/* soldan mesafeni teyin edir*/
margin-left: 0px;  
/* Opera 7 brouzerin ucun  */
}

ul.makeMenu li {
list-style-type: none; 
/* siyahini punktlarin gostericilerinden azad edir */
margin: 0px;  
/* Opera 7 li komponentlerinin arasinda cox mesafe qoyur */
position: relative;
/*menyu bloklarinin elaqesini gosterir */
color: #fff;
/* shriftin rengini ag edir */
}

ul.makeMenu li > ul {  
/* li komponentlerinin icerisinde yeni ul komponentleri */
display: none;      
/* menyu bloklarini gizledir */
position: absolute; 
/* menyu bloklarinin arasinda mesafe qoymur */
top: 2px;           
/* evvelki blokdan nisbeten ashagida olmasi ucun */
left: 125px;
/* bu blokun eninden cox olmamalidir */
}

ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
background-color: #ffa;
/* aktiv menyularin rengini teyin edir */
color: #000;        
/* aktiv menyularda tekstin rengini teyin edir */
}
ul.makeMenu ul.CSStoShow {
/* novbeti qayda ile birleshdirilmemelidir yoxsa IE sehv edir */
display: block;             
}
ul.makeMenu li:hover > ul {   
display: block;          
}
/* link uchun stiller */
ul.makeMenu li a { color: #fff; display: block; width: 100%; text-decoration: underline; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #000; }
ul.makeMenu li:hover > a { color: #000; }