Bakgrundsfärg

De flesta element kan ha en bakgrundsfärg, oavsett om det är ett block- eller ett fraselement.

Egenskapen background-color är den som ger bakgrundsfärgen till ett element. Värdet är ett färgvärde som anges på samma sätt som färg på text. Titta här hur du väljer färg och hittar färgvärden.

Vill du ange en sidbakgrundsfärg, använder du väljaren body.

body { background-color:#eee }
h1   { background-color:#ccc }

När ett blockelement får en bakgrundsfärg, blir det extra tydligt att den förinställda bredden på elementet är 100 % av föräldern. När föräldern då är <body> sträcker sig elementboxen över hela webbläsarfönstrets bredd, oavsett om inte texten i elementet gör det.