Sådan redigeres en HTML Scrollbar

Som ejer eller designer webside, vil du overveje flere metoder, der giver dig mulighed for at tilpasse stedet og den besøgendes oplevelse.Brugerdefineret grafik og layout gør det muligt at gøre dette.En ekstra taktik er at redigere en HTML rullepanelet, så er bruger brugerdefinerede farver, som supplerer eller offset design af hjemmesiden.Ved at anvende Cascading Style Sheets, eller CSS, kan du anvende specifikke farve stilarter til rullepanelet.

hvad du har brug

  • HTML redigering software

Instruktioner

  1. Start din HTMLredaktør på din computer.

  2. Åbn HTML-fil, du ønsker at redigere.

  3. Indsæt følgende kode mellem & lt; head & gt;og & lt; / head & gt;tags.

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

    html {

    scrollbar-basen-color: # 9999cc;

    scrollbar-arrow-farve: hvid;

    scrollbar-track-farve: #ccccff;

    scrollbar-shadow-farve: sort;

    scrollbar-lightshadow-farve: sort;

    scrollbar-darkshadow-farve: grå;

    scrollbar-highlight-farver: hvid;

    scrollbar-3dlight-farve: sort;

    }

    & lt; / typografi & gt;

  4. Skift værdierne for hvert element i rullepanelet til dine foretrukne farver.Du kan bruge sekscifrede hex-koder (# 00000 er sort) eller typen Web sikker farvenavne som rød, hvid, sort eller blå.For eksempel kan du beslutte at indstille grundfarven til grøn:

    scrollbar-basen-farve: grøn;

  5. Åbn menuen Filer og vælg Gem, når du er færdig med at redigere rullepanelet farver til dit HTML-dokument.

Tips & amp;Advarsler

  • Hvis dit hoved allerede indeholder CSS kode, tilføjer bare CSS efter den aktuelle CSS;du behøver ikke at gentage HTML, der angiver begyndelsen og slutningen af ​​CSS.
  • Hvis dit websted bruger en ekstern stylesheet såsom "style.css" åbn at i stedet for din HTML-side.Tilføj bare CSS kode til slutningen af ​​din stil ark.
  • Du kan kun bruge den "scrollbar-basen-farve" for at gøre det muligt for browseren at bruge bare grundfarven.Slet de andre egenskaber og værdier efter grundfarven til at ansætte denne metode.
  • Eksperimenter med farver for at producere et rullepanel, der har en 3-D eller 2-D udseende eller en, der bruger flere farver.
  • CSS egenskaber og værdier har en syntaks af "ejendom: værdi;"
  • De CSS egenskaber og værdier, der svarer til scrollbars gælder for HTML-vælgeren, og er defineret med åbning og lukning krøllede parenteser: {og}.

Ressourcer

  • W3Schools: CSS Tutorial
914
0
0
Html