Div che cambia colore

[E|ena]

in moltissimi siti ho visto un effettino che mi piace molto ma non sono mai riuscita a fare

immaginate un div che contiene un link

<div>Collegamento</div>

il div ha sfondo rosso e il link colore bianco
se passo sul div o sul link (sottolineo anche sul div) lo sfondo del div cambia colore e anche il colore del collegamento

qualcuno sa come fare?

[Mich_]

Devi semplicemente "riempire" il <div> con il <a>. Questo si ottiene con il CSS

a {
  width: 100%; height: 100%;
  display: block;
}

Nota che non e` sempre utilizzabile: solo se il link e` l'unica cosa contenuta nel <div>

[E|ena]

display: block; cosa significa?

[sonik_the_sonik]

Rende un elemento che è per "nautra" inline (in questo caso: a), block-level.

[E|ena]

puoi spiegarti con parole più semplici.. non sono espertissima

[sonik_the_sonik]

< p> è un classico elemento block-level. Se scrivi:

Testo1</p> 

Testo2</p>

Avrai un risultato del genere:
Testo1
Testo2


< span> è un classico elemento inline. Se scrivi:

Testo1 <span>Testo2</span></p>

Avrai un risultato del genere:
Testo1 Testo2

In pratica i block-level occupano tutto lo spazio di una riga e non possono essere affiancati (di default). Gli elementi inline possono essere molti su una stessa riga.

Per una spiegazione più completa ti rimando a questo


Spero di essere stato chiaro.


Chiedo a chiunque eventuali correzzioni