Oggi vediamo come dare al nostro testo un effetto stampato molto utile per creare dei
banner semplice senza usare nessun editor grafico.
Pagina Html
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <head> <title>Effetto stampato sul testo con css senza javascript</title> <link href='style.css' rel='stylesheet' type='text/css'> </head> <body> <h1>CODEMATRIX</h1> </body> </html> |
Foglio di Stile
1 2 3 4 5 6 7 8 9 10 11 12 |
h1 { /*Applico un ombra con un colore piu chiaro del testo in modo tale che genere un effetto stampato*/ text-shadow: 0px 1px 1px #088a38; /*Colore testo*/ color: #205e07; /*Tipo di Font e grandezza*/ font: 80px 'COMIC SANS MS'; /*Colore background*/ background: green /*Nel caso voglio aggiungere un bel background personalizzato*/ background-image:url("background.jpg"); } |