CSS sta per fogli di stile CSS e lavora all'interno di un documento HTML per definire come elementi HTML dovrebbero apparire all'interno di una pagina Web. Se si desidera aggiungere un'ombra a un testo in un documento HTML, è necessario utilizzare una stringa di codice CSS per farlo. Quando si utilizza il CSS per creare un'ombra di testo, è necessario definire quattro elementi per il codice: il colore dell'ombra, l'ascissa dell'ombra, la coordinata y dell'ombra e il raggio di sfocatura. Si può sperimentare con diversi valori finché non si crea un'ombra si è soddisfatti.

istruzione

1 Aprire il foglio di stile CSS si fa riferimento nella pagina HTML contenente il testo che si desidera aggiungere un'ombra a, usando un editor HTML o in un editor di testo come Blocco note o TextEdit.

2 Inserire il seguente codice CSS in qualsiasi parte del foglio di stile CSS:

p.shadow

{

text-shadow: # 6374AB 20px -12px 2px;

}

3 Sostituire "# 6374AB" con il colore esadecimale si desidera che l'ombra di essere.

4 Sostituire "20" con i coordinata x dell'ombra. Utilizzare un numero negativo se si desidera che l'ombra appaia sul lato sinistro del testo; utilizzare un numero positivo se si desidera che l'ombra appaia sul lato destro del testo.

5 Sostituire "-12" con la coordinata y dell'ombra. Utilizzare un numero negativo se si desidera che l'ombra appaia sotto il testo; utilizzare un numero positivo se si desidera che l'ombra appaia sopra il testo.

6 Sostituire "2" con il raggio della sfocatura per l'effetto ombra.

7 Salvare il file e caricarlo sul server. Aprire la pagina HTML che contiene il testo che si desidera applicare l'ombra di utilizzare un editor HTML o editor di testo.

8 Individuare la stringa di testo nel documento a cui si desidera applicare l'ombra. Aggiungere il seguente codice prima del testo:

<P class = "ombra">

9 Aggiungere il tag di chiusura </ p> alla fine del testo a cui si desidera aggiungere l'ombra.

10 Salvare il file e caricarlo sul server. Visualizzare la pagina per visualizzare l'effetto ombra.