Come codice CSS per più di un Banner

September 18

CSS o Cascading Style Sheets, è un linguaggio di programmazione web utilizzato prevalentemente in associazione con l'HTML. CSS non è necessario per le pagine web di funzionare, anche se non hanno molto di più opzioni di stile di quanto non HTML. Se si dispone di diversi banner nel documento HTML, utilizzare un selettore di classe CSS per fare uno stile che può essere abilitato per l'utilizzo in tutti loro. Il codice utilizzato per creare selettori di classe CSS non è complicato.

istruzione

1 Apri gli CSS e HTML documenti e scorrere verso il basso fino in fondo al documento CSS. Inserire uno spazio riga o due con il tasto "Enter"; questo è dove si inserisce il codice selettore di classe per il vostro banner.

2 Digitare il seguente codice CSS nello spazio senza le virgolette. È possibile sostituire gli stili CSS con qualunque stili che si desidera e cambiare il nome per il selettore di classe ( "banner") per quello che vuoi.

".banner {Border-style: punteggiato; border-width: 3px; border-color: blue}"

3 Salvare il documento CSS e massimizzare il documento HTML sullo schermo; il codice CSS è ora pronto ad attuare su tutti i vostri banner. Scorrere il documento per la prima delle bandiere si desidera implementare il codice selettore di classe CSS e cliccare da qualche parte all'interno del tag di apertura ( "<img>").

4 Digitare il seguente codice HTML nel tag di apertura con le virgolette: class = "banner"

I suoi stili di selettore di classe CSS saranno ora applicate al vostro banner; ripetere i punti tre e quattro per il resto dei banner nel documento HTML. Il codice HTML finale per il vostro banner dovrebbe essere simile a questo: "<img class =" banner "src =" www.urlofyourimage.jpg ">"