Hoe een HTML Scrollbar bewerken

Als een eigenaar of ontwerper webpagina, zul je meerdere methoden waarmee u de site en de bezoeker ervaring aan te passen overwegen.Aangepaste graphics en lay-outs stellen u in staat om dit te doen.Een extra tactiek is om een ​​HTML schuifbalk bewerken dus dat is gebruikt aangepaste kleuren die een aanvulling of compensatie van de vormgeving van de website.Door het gebruik van Cascading Style Sheets of CSS, kunt u specifieke kleur stijlen van toepassing op de schuifbalk.

wat je nodig hebt

  • HTML-editing software

instructies

  1. Start uw HTMLeditor op uw computer.

  2. Open het HTML-bestand dat u wilt bewerken.

  3. Plak de volgende code tussen de & lt; head & gt;en & lt; / head & gt;labels.

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

    html {

    scrollbar-base-color: # 9999cc;

    scrollbar-arrow-kleur: wit;

    scrollbar-spoor-color: #ccccff;

    scrollbar-shadow-color: black;

    scrollbar-lightshadow-color: black;

    scrollbar-darkshadow-color: grijs;

    scrollbar-highlight-kleur: wit

    ;

    scrollbar-3dlight-color: black;

    }

    & lt; / style & gt;

  4. Verander de waarden voor elk element van de schuifbalk om uw favoriete kleuren.U kunt zescijferige hexadecimale code (# 00000 is zwart) of het type Web veilige kleuren namen te gebruiken zoals rood, wit, zwart of blauw.Bijvoorbeeld, kunt u besluiten om de basiskleur ingesteld op groen:

    scrollbar-base-kleur: groen;

  5. Open het menu Bestand en kies Opslaan als u klaar bent voor uw HTML-document bewerken van de schuifbalk kleuren.

Tips & amp;Waarschuwingen

  • Als je hoofd CSS-code bevat, voeg gewoon de CSS na het huidige CSS;je hoeft niet naar de HTML die het begin en het einde van de CSS geeft herhalen.
  • Als uw website maakt gebruik van een externe stylesheet zoals "style.css", opent dat in plaats van uw HTML-pagina.Voeg gewoon de CSS-code aan het einde van uw style sheet.
  • U kunt alleen de "scrollbar-base-kleur" gebruiken om de browser om alleen de basiskleur te gebruiken.Verwijder de andere eigenschappen en waarden na de basiskleur om deze methode te gebruiken.
  • Experimenteer met kleuren om een ​​schuifbalk die een 3-D en 2-D uiterlijk of een die meerdere kleuren gebruikt heeft produceren.
  • CSS-eigenschappen en waarden hebben een syntax van "eigenschap: waarde;"
  • De CSS eigenschappen en waarden die overeenkomen met schuifbalken van toepassing op de HTML-selector en worden gedefinieerd met het openen en sluiten accolades: {en}.

Resources

  • W3Schools: CSS Tutorial
21
0
0
Html