Aggiunta di CSS per il layout di codice HTML fa evidenziando e regolazione delle altre proprietà di testo un processo semplice. Web designer utilizzare CSS per ottenere una varietà di effetti di testo sui loro siti. In molti casi, è possibile visualizzare il codice in linea utilizzato per ottenere un particolare effetto utilizzando la funzionalità "Visualizza sorgente" del tuo browser. Una volta che avete familiarità con i CSS stili e sintassi di codifica, potete duplicare metodi altrui e creare suggestivi effetti di testo dei vostri propri.

Istruzioni

1

Evidenziare una sezione di testo con il colore. Inserire un tag < span > all'inizio del testo che si desidera portare l'attenzione e specificare un colore di sfondo seguendo questo esempio:

< span style ='background-color: rosso "> lo sfondo per questo testo è rosso < / span >

2

Utilizzare un'immagine per lo sfondo del testo. Creare un file di immagine della dimensione desiderata e la forma nel vostro editor di grafica preferito, quindi collegarlo a un tag < div > nella tua pagina come questa:

< div style="background-image:URL('myCoolPicture.gif')" > questo testo compare sulla mia immagine cool. < / div >

3

Creare un bordo. Utilizzare la proprietà di struttura con un tag < span > per disegnare una casella intorno a una sezione di testo per aggiungere enfasi con il codice:

< span style = "muta: 1px solid red" > queste parole sono in un box. < / span >

Questo disegna un bordo rosso di un pixel attorno le parole tra l'apertura e il tag di chiusura < span >.

4

Evidenziare il testo di collegamento quando l'utente sposta il puntatore del mouse su di esso. Utilizzare questa tecnica per rendere i collegamenti spiccano senza la sottolineatura di distrazione tradizionale. Inserire il codice seguente nella sezione < head > del tuo codice HTML:

< style type = "text/css" >

a: hover {

colore: giallo;

}

< / stile >

Questo mette in evidenza codice qualsiasi testo all'interno di un < a > anchor tag quando il puntatore del mouse è posizionato sopra di esso.

Consigli & Avvertenze

• CSS è un gran numero di effetti di testo progettato per rendere il vostro testo spiccano. Ottenere il massimo da questi effetti di utilizzarli con parsimonia. Anche se la pagina non contiene nulla, ma le informazioni più importanti che dovrebbero essere letto da tutti immediatamente, troppi passaggi enfatizzati rendono la pagina difficile da leggere.