Come formattare una barra di scorrimento in CSS

October 13

Quando i carichi di siti web in un browser Web, il browser visualizza automaticamente la barra di scorrimento in un particolare colore come il blu. Se si trova questa tonalità non si adatta alla progettazione del layout del vostro sito o se si desidera solo per personalizzare le pagine, si ha la possibilità di formattare utilizzando Cascading Style Sheets (CSS). Con il programma editor di testo del computer, usare i CSS per lo stile della barra di scorrimento, come si preferisce.

istruzione

1 Avviare il programma di editor di testo e aprire il documento Web che ha la barra di scorrimento che si desidera formattare.

2 Digitare il seguente codice CSS dopo l'elemento <head> di apertura:

<Style type = "text / css">

</ Style>

3 Invio "body {}" tra i tag di stile per definire uno stile per la barra di scorrimento sul browser Web. Illustrare:

body {}

La regola corpo controlla l'aspetto generale della vostra pagina.

4 Tipo "scrollbar-base-color:;" tra le parentesi graffe e seguire questo con un valore esadecimale del colore per definire il colore principale della barra di scorrimento. Il codice CSS completo si presenta come il seguente esempio:

body {scrollbar-base-color: # 606060; }

La regola CSS viene applicato automaticamente alla barra di scorrimento che costeggia una finestra del browser web quando il sito viene caricato.

5 Salvare il file e visualizzare in anteprima il lavoro in un browser. La vostra barra di scorrimento visualizza ora in ombra assegnato.

Consigli e avvertenze

  • Se si dispone di altri elementi HTML della pagina, come ad esempio una tabella che ha una barra di scorrimento, ripetere la procedura per creare una regola separata che formatta la barra in questo settore. Per esempio:
  • table {scrollbar-base-color: # CCCCCC; }

Articoli Correlati