|
|
|
CODICE <div style="background-color:#000000; color:#FFFFFF; font-size:10px; font-family:georgia; text-align:center; width:200px; -moz-border-radius: 11px; padding:6px; line-height:8px;">TESTO QUI</div>
CODICE <div align=center><div style="background-color:#DD0000; color:#FFFFFF; font-size:10px; font-family:georgia; text-align:left; width:150px; -moz-border-radius: 11px; padding:6px; line-height:8px;">Presentazioni</div></div>
Elenco tag HTML utilizzati:
Centrare un'immagine o un testo
CODICE <div align="center">immagine/testo</div>
Attributi di stile del testo:
Gli attributi devono essere inseriti all'interno di parentesi graffe { } e laddove in HTML verrebbe usato un "=" (uguale) nei css viene invece usato ":" (due punti).
Argomenti consecutivi sono separati da un ";" (punto e virgola) invece che dalla "," (virgola). Inoltre molti argomenti sono divisi da "-" (trattino centrale) che fa parte integrante del nome stesso.
Allineamento del testo, valori possibili: centrato=center, sinistra=left, destra=right
text-align: center | left | right
Altezza della riga del testo, valori possibili: normal, numero, lunghezza, percentuale. Con il valore normal il testo non avrà alcuna variazione.
line-height: normal | numero | lunghezza | percentuale
Decorazione del testo, valori possibili: overline= sopralineato, underline= sottolineato, line-through= sbarrato, overline underline= sopra e sottolineato, blink= lampeggiante (non supportato da IE), none= nessuno. E' anche possibile combinarne più di uno, per esempio inserendo sia underline che overline.
text-decoration: overline | underline | line-through | none
Dimensione del testo indica la grandezza del testo, che verrà definita in punti (pt), in pixel (px), in pollici (in), ed in percentuale(%).
font-size: NUMEROpx
Famiglia del font (carattere di scrittura), valori possibili:
Arial, Verdana, Georgia, sans-serif, Courier, Times, Geneva, Optima, etc etc
font-family:
Se invece volete ottenere un solo lato arrotondato dovete inserire
-moz-border-radius-topleft: NUMEROpx;
se desiderate arrotondare solo in alto a sinistra
esempio:
CODICE <div style="background-color:#4ADD00; color:#FBFB00; font-size:10px; font-family:georgia; text-align:right; width:200px; -moz-border-radius-topleft: 11px; padding:6px; line-height:8px;">Presentazioni</div>
se desiderate arrotondare in alto a sinistra e in alto a destra
esempio:
CODICE <div style="background-color:#FFAAFF; color:#FFFFFF; font-size:10px; font-family:Verdana; text-align:right; width:200px; -moz-border-radius-topleft: 11px; -moz-border-radius-topright: 11px; padding:6px; line-height:8px;">Presentazioni</div>
CODICE -moz-border-radius-topright: NUMEROpx;
se desiderate arrotondare solo in alto a destra
esempio:
CODICE <div style="background-color:#FFAAFF; color:#FFFFFF; font-size:10px; font-family:Verdana; text-align:right; width:200px; -moz-border-radius-topright: 13px;; -moz-border-radius-topright: 11px; padding:6px; line-height:8px;">Presentazioni</div>
Per Angoli Non Arrotondati
CODICE <div style="background-color:#4ADD00; color:#FBFB00; font-size:10px; font-family:georgia; text-align:right; width:200px;-moz-border-radus-bottomleft: 11px; padding:6px; line-height:8px;">Presentazioni</div>
|
|
.CODICE<div style="background-color:#000000; color:#FFFFFF; font-size:10px; font-family:georgia; text-align:center; width:200px; -moz-border-radius: 11px; padding:6px; line-height:8px;">TESTO QUI</div>CODICE<div align=center><div style="background-color:#DD0000; color:#FFFFFF; font-size:10px; font-family:georgia; text-align:left; width:150px; -moz-border-radius: 11px; padding:6px; line-height:8px;">Presentazioni</div></div>
.
