Esempio 1: la proprietà cursor:help

Esempio pratico di utilizzo della proprietà cursor:help.
Di seguito viene mostrato anche il codice HTML e il relativo CSS.

Esempio:

CSI-Piemonte

Codice HTML:

<div>
<acronym title="Consorzio per 
il Sistema Informativo">
CSI</acronym>-Piemonte
</div>

Codice CSS:

acronym{
cursor:help;
border-bottom:1px dotted #333;
}

In questo esempio il cursore assumerà la forma di un punto interrogativo ogni qualvolta si posizionerà su un testo marcato come acronimo.

torna alla pagina precedente | torna alla lista completa delle proprietà

Esempio 2: la proprietà float

Esempio pratico di utilizzo della proprietà float.
Di seguito viene mostrato anche il codice HTML e il relativo CSS.

Esempio:

Immagine di esempioLorem ipsum mea sale iisque laoreet ei. Decore aperiam blandit quo ei. Fastidii patrioque constituto sea ea, qui ad sumo erant veritus, debet everti est ad. Pri simul fastidii fabellas an. An option incorrupte mea, omnium numquam petentium ei pro...

Lorem ipsum mea sale iisque laoreet ei. Decore aperiam blandit quo ei. Fastidii patrioque constituto sea ea, qui ad sumo erant veritus, debet everti est ad. Pri simul fastidii fabellas an. An option incorrupte mea, omnium numquam petentium ei pro...

Codice HTML:

<p><img src="montreux.jpg" 
alt="Immagine di esempio" />
Lorem ipsum mea sale iisque...
</p>
<p> Lorem ipsum mea sale iisque... </p>

Codice CSS:

img{
float:left;
margin:0 1em 1em 0;
border:2px solid #eee;
}

In questo esempio la proprietà float è utilizzata in modo tale da far scorrere il testo alla destra dell'immagine.

torna alla pagina precedente | torna alla lista completa delle proprietà