Kuidas muuta HTML Scrollbar

Selle veebilehe omanik või disainer, siis kaaluda erinevaid meetodeid, mis võimaldab teil kohandada saidi ja külastaja kogemust.Custom graafika ja kujundus võimaldab teil seda teha.Täiendav taktika on muuta HTML kerimisriba nii, et see ei tarbi kohandatud värvid, mis täiendavad või kompenseerida disain kodulehel.Rakendades Kaskaadlaadistik või CSS saab taotleda konkreetse värvi stiile kerimisriba.

, mida te vajate

  • HTML redigeerimise tarkvara

juhised

  1. Käivitada oma HTMLtoimetaja arvutisse.

  2. Avage HTML fail, mida soovite muuta.

  3. kleepige järgnev kood & lt; head & gt;ja & lt; / head & gt;sildid.

    & lt; style type = "text / css" & gt;

    html {

    kerimisriba-base-color: # 9999cc;

    kerimisriba Nool värv: valge;

    kerimisriba-track-color: #ccccff;

    kerimisriba varju-color: black;

    kerimisriba-lightshadow-color: black;

    kerimisriba-darkshadow-värv: hall;

    kerimisriba-highlight-värv: valge;

    kerimisriba-3dlight-color: black;

    }

    & lt; / style & gt;

  4. Muutke iga elemendi väärtusi kerimisriba oma eelistatud värvid.Võite kasutada kuuekohalike koodid (# 00000 must) või tüübi Web ohutu värvi nimed nagu punane, valge, must või sinine.Näiteks võite otsustada loodud alus roheliseks:

    kerimisriba-base-värv: roheline;

  5. Open File menüü ja valida Save pärast olete redigeerimise lõpetanud kerimisriba värvi oma HTML dokument.

Tips & amp;Hoiatused

  • Kui su peas on juba sisaldab CSS koodi lisada ainult CSS pärast praeguse CSS;sa ei pea kordama HTML, mis näitab alguses ja lõpus CSS.
  • Kui veebisait kasutab välise laaditabeli nagu "style.css," avab selle asemel oma HTML-lehe.Lisa just CSS koodi lõpuks oma stiili lehel.
  • võite kasutada ainult "kerimisriba-base-color" luba brauseril kasutada ainult põhivärv.Kustuta teised omadused ja väärtused pärast baasi värvi kasutavad seda meetodit.
  • Eksperiment värve toota kerimisriba, mis on 3-D või 2-D välimus või üks, mis kasutab mitut värvi.
  • CSS omadused ja väärtused on süntaks "vara: väärtus;"
  • CSS omadused ja väärtused, mis vastavad kerimisribad kehtivad HTML valijat ja on määratletud avamise ja sulgemise looksulgudega: {ja}.

Resources

  • W3Schools: CSS juhendaja
57
0
0
Html