Skrollfältet är en mångsidig funktion som gör det enklare och snabbare att arbeta med vilken webbplats som helst. Samtidigt föredrar webbplatsägare att installera på sina sidor inte bara användbara utan också vackra tillägg som matchar designen till det övergripande färgschemat på sidan. I den här artikeln visar vi dig hur du installerar en färgad rullningslist på din webbplats. Det finns flera sätt att göra detta, och ett av dem är en färdig kod som kan installeras på vilken sida du vill ändra rullningsfältet.
Instruktioner
Steg 1
Välj den sida du vill redigera och kopiera dess HTML-kod till anteckningsblocket.
Klistra in koden efter taggen:
body {scrollbar-face-color: # 5997CA;
scrollbar-skugga-färg: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: # 5997CA;
scrollbar-darkshadow-color: # 5997CA;
scrollbar-track-color: # F6F6F6;
rullningsfält-pil-färg: # F6F6F6; }
Steg 2
I koden justerar du färgvärdena framför varje parameter som du vill: färgen på rullningsfältet, pilens färg, bakgrundsfärgen på rullningsfältet, färgen på kanterna, separerar staplarna, och så vidare.
Detta är det enklaste sättet, men förutom det finns det en till - spara samma kod med dina färginställningar för rullningsfältet som en css-fil och ladda den på sidan. För att göra detta, öppna ovanstående kod utan taggar i anteckningsblocket. Spara kodfilen och ge den namnet scroll.css. Ladda sedan upp till servern på samma plats som sidan där du vill ändra rullningsfältet.
Steg 3
Om du inte känner till färgernas bokstäver i HTML, sök på Internet efter valfri tabell med dessa symboler. Det hjälper dig att korrelera koder och färger och välja rätt färg för din webbdesign.
