Printable View
Ciao a tutti, ho una pagina completa però vorrei impostare un colore di sfondo ad un menu, più precisamente ad ogni <li> in modo che il colore venga preciso intorno alla scritta e nel caso poter riuscire a mettere diversi colori per ogni <li>.
Sapete come fare?
Se volete posto il codice...
Grazie
puoi impostare una classe ad ogni <li>. Ad esempio:
Ciao!Codice HTML:<html>
<head>
<style>
.rosso
{
background-color:#F00;
}
.verde
{
background-color:#0F0;
}
.blu
{
background-color:#00F;
}
</style>
</head>
<body>
<ul>
<li class="blu">link 1</li>
<li class="rosso">link 2</li>
<li class="verde">link 3</li>
</ul>
</body>
</html>
Grazie... e scusami ancora per la mia infrazione xD
Vediamo se così riesco a risolvere il problema :D
Ho usato questo codice:
Il problema e che se ne faccio altri per le scritte che ho magari più larghe, non funziona... mi restringe tutto il menu :/Codice:<style>
.sfondo
{
background-color:#000;
max-width: 70px;
}
</style>
Sapete a cosa può essere dovuto?
Guarda come ho fatto:
I puntini indicano che ci sono altri codici.Codice:<head>
<style>
.sfondo
{
background-color:#000;
max-width: 70px;
}
.sfondo2
{
background-color:#000;
max-width: 85px;
}
.......
</head>
<body>
.................
<li class="sfondo">
<a href="LINK" style="text-decoration: none;"><font>TESTO</font></a>
</li>
<li class="sfondo2">
<a href="LINK" style="text-decoration: none;"><font>TESTO PIU' LUNGO</font></a>
</li>
</style>
..........
Caso risolto... ho modificato il CSS inserendo:
Grazie comunque per l'aiuto :)Codice:max-height: 20px;