Tło

Tło obiektu

Kolor tła	<section id="blok1"></section> style.css: #blok1 { height:100px; width:100px; background-color:red; }
Kolor tła	<section id="blok2"></section> style.css: #blok2 { height:100px; width:100px; background-color:#123456; }
Kolor tła	<section id="blok3"></section> style.css: #blok3 { height:100px; width:100px; background-color:rgb(10,250,34); }
Obraz tła	<section id="blok4"></section> style.css: #blok4 { height:100px; width:100px; background-image:url("kwiatek.jpg"); }
Powtarzanie obrazu tła	<section id="blok5"></section> style.css: #blok5 { height:100px; width:100px; background-image:url("kwiatek.jpg"); background-repeat:repeat; /wartość domyślna/ }
Powtarzanie obrazu tła	<section id="blok6"></section> style.css: #blok6 { height:100px; width:100px; background-color:red; background-image:url("kwiatek.jpg"); background-repeat:repeat-x; }
Powtarzanie obrazu tła	<section id="blok7"></section> style.css: #blok7 { height:100px; width:100px; background-color:red; background-image:url("kwiatek.jpg"); background-repeat:repeat-y; }
Powtarzanie obrazu tła	<section id="blok8"></section> style.css: #blok8 { height:100px; width:100px; background-color:red; background-image:url("kwiatek.jpg"); background-repeat:no-repeat; }
Powtarzanie obrazu tła	<section id="blok9"></section> style.css: #blok9 { height:100px; width:100px; background-color:red; background-image:url("kwiatek.jpg"); background-repeat:round; }
Powtarzanie obrazu tła	<section id="blok10"></section> style.css: #blok10 { height:100px; width:100px; background-color:red; background-image:url("kwiatek.jpg"); background-repeat:space; }
Gradient liniowy	<section id="blok11"></section> style.css: #blok11 { height:100px; width:100px; background-image:linear-gradient(/to right, /red, #123456, yellow); }
Gradient promienisty	<section id="blok12"></section> style.css: #blok12 { height:100px; width:100px; background-image:radial-gradient(red, #123456, yellow); }
Pozycja początkowa tła obrazkowego	<section id="blok13"></section> style.css: #blok13 { height:100px; width:100px; background-color:red; background-image:url("kwiatek.jpg"); background-repeat:repeat-x; background-position:left center;/right top bottom/ }
Zaczepienie tła do okna	<section id="blok14"></section> style.css: #blok14 { height:100px; width:100px; background-color:red; background-image:url("kwiatek.jpg"); background-attachment:fixed; /scroll domyślnie/ }