25 maggio 2005, mercoledì





Tutto con stile




Ecco qui il primo esempio di cosa si può fare con i css.
Qui ho creato un cartello tipico americano semplicemente facendo uso di pochissimo stile.
Ho trovato questo esempio nel web; aveva qualcosina da migliorare e l'ho fatto io cambiando solo alcuni parametri.

come si usa:

nella pagina Html o Xhtml


<p>
<span id="f">Tutto</span>
<span id="t">con</span>
<span id="m">stile</span>
</p>

nel css


p {margin:.5in auto; padding: .5in .75in; width: 5.3in; height: 3.3in; background:black; color:#EB0; line-height: 10em; text-transform:uppercase; font-family: "Stencil","Impact",sans-serif;}
#f {font-size: 1.8in}
#t {font-size: .6in; vertical-align: .4in; border-top: solid .15in; border-bottom: solid .15in; text-align: center;}
#m {font-size:1.4in;}

se lo mettete direttamente sulla vostra pagina lo si mette fra head e /head e lo dovrete incapsulare fra:
<style type="text/css">
e
</style>

avendo l'accortezza, se cambiate le parole e queste sono composte da molti caratteri, di rimpicciolire la grandezza del font per non occupare tutta la pagina in larghezza.



torna all'indice delle meraviglie

torna all'indice generale


vai alla prima pagina della ValNestore





maurizio prattico
DTR webmaster




| scrivimi | Croce Rossa Italiana - Comitato Locale ValNestore | Xhtml | CSS |