Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Menu' a rettangoli

Visualizzazione discussione

  1. #2
    Utente di HTML.it
    Registrato dal
    Apr 2015
    Messaggi
    205
    Non ha un nome specifico, è un semplice menù creato in HTML e CSS

    Codice HTML
    codice:
    <html>
    <head>
    
    </head>
        
        <link rel="stylesheet" href="style2.css">
    
    <body>
    
    <div id="barra">
        <div id="centro">
        
        <ul id="menu">
        <li><a href="">    primo </li></a>
        <li><a href=""> secondo </li></a>
        <li><a href=""> terzo </li></a>
        <li><a href=""> quarto </li></a>
        </ul>
        
        </div>
    </div>
    
    </body>
    </html>

    Codice CSS

    codice:
    *{
    
        margin: 0;
        padding: 0;
    
    }
    
    body{
    
        font-size: 16px;
    
    }
    
    #barra{
    
        width: 100%;
        height: 30px;
    
    }
    
    #centro{
    
        width: 900px;
        height: 30px;
        margin: 0 auto;
    
    }
    
    ul#menu{
    
        
        background: #fff;
        list-style: none;
    
    }
    
    ul#menu li {
    
        width: 200px;
        border-right: 1px solid #000;
        float: left;
        text-align: center;
    
    }
    
    ul#menu li a{
    
        text-decoration: none;
        color: #ff0000;
    
    }
    
    ul#menu li a:hover{
    
        text-decoration: underline;
        color: #000;
    
    }
    Ultima modifica di WottaFacca; 28-04-2015 a 09:56
    Sito Modellismo (Non ancora completo)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.