Skinnysite.net

... un modo di esprimersi.

Skip to content

Semplice menù verticale

Valutazione attuale:

/ 1

Dettagli: Categoria principale: Code Snippets; Categoria: CSS; Pubblicato 22 Settembre 2008; Visite: 703

Versione molto semplice di un menù verticale

 <html>
    <head>
        <style>
        UL.vmenu
            {
                margin: 0;
                padding: 0;
                list-style: none;
            }


            UL.vmenu LI
            {
                margin: 2px 0 2px 0;
                height: 24px;
                width: 120px;
                border: 1px solid #AFAFAF;
                font: bold 10pt Arial, Helvetica, sans-serif;
                line-height: 24px;
                color: #4F2222;
                
                background-color: #DFB5B5;
                text-align: center;
                cursor:pointer
            }
            UL.vmenu LI:hover
            {
                background-color:#EFD1D1;
            }
        </style>
    </head>
    <body>
    <ul class="hmenu">
        <li>Menu 1</li>
        <li>Menu 2</li>
        <li>Menu 3</li>
        <li>Menu 4</li>
    </ul>
    </body>
</html>