Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

Come realizzare un semplice menu verticale con i CSS?

Come realizzare un semplice menu verticale con i CSS?

Come realizzare un semplice menu verticale con i CSS?

Link copiato negli appunti

Per i menu di navigazione con i CSS, nell’HTML conviene usare una lista per contenere i link. Questa infatti è la scelta più logica e ci consente di ottenere molta libertà nella presentazione grazie ai CSS. Ecco il codice HTML:

<div id="menu">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Prodotti</a></li>
        <li><a href="#">Servizi</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Contatti</a></li>
    </ul>
</div>

Ecco come realizzare un menu verticale con i CSS a partire da questo codice:

div#menu ul
{
	float:left;
	;
	list-style:none;
    margin:0; 
	padding:0;
	border-top: 1px solid #2693FF;
}

div#menu ul li
{
	margin:0;padding:0;
    border: 1px solid #2693FF;
	border- 1px 1px
}

div#menu a
{
	display: block;
	;
	line-;
    text-decoration:none;
	padding-left:5px;
    background-color: #FFFFC5;
	color: #41418A;
}

div#menu a:hover
{
	background-color: #FF7E00;
	color: #fff;
}

>> Leggi di più su come realizzare menu con i CSS