Hvordan lage bakgrunnsfarger på en webside

January 17

Alle moderne nettlesere vise websider med hvit bakgrunn som standard. I det siste, måtte du velge bakgrunnsfarge i <body> -koden på hver side. Cascading Style Sheets (CSS) gjør det mulig å angi en bakgrunnsfarge for hver side på nettstedet ditt ved hjelp av en fil. Du kan bruke heksadesimale koder for nøyaktige farger eller bruke navn for noen av de 256 Web-safe farger. Du kan koble CSS til HTML-filer for flere websider.

Bruksanvisning

1 Åpne HTML-filene på ditt nettsted i en kode redigeringsprogram, for eksempel Notepad ++, BBEdit eller jEdit. Legg til følgende kode mellom <head> og </ head> taggene for hver HTML-fil der du ser dem:

Koden ovenfor "linker" et stilark fil til hver HTML-fil som har <head> taggene. Når du legger til bakgrunnsfarger til din style sheet, vil hver side på nettstedet ditt vises med disse fargene.

2 Opprett en tom fil og lagre den som "style.css". Legg til følgende kode:

body {background-color: black; }

Denne CSS-kode gir en hel webside svart bakgrunn. Change "svart" til navnet på en grunnleggende farge eller bruke en heksadesimal kode:

body {background-color: #cccccc; }

3 Legg bakgrunnsfarger til noen HTML element ved hjelp av følgende CSS format:

tagname {background-color: #cccccc; }

.class-navnet {background-color: #cccccc; }

id-navnet {background-color: #cccccc; }

Prefiks klasse navn med en periode og ID-navn med en skigard. Koden er navnet på et merke, for eksempel "kropp" eller "div." Finn klassenavnet eller ID navnet på et merke ved å se i HTML. Her er et eksempel på en tag med både en ID og en klasse:

Hint

For å bruke CSS innenfor en enkelt HTML-fil, kan du sette den i <style> og </ style> -kodene i stedet for en egen, koblet fil. <Style> -kodene tilhøre mellom <head> og </ head> taggene.
Bruk en fargevelger nettsted for å finne de heksadesimale koder for farger.