kod HTML
<!DOCTYPE html> <html> <head> <title>zajac72</title> <meta charset="UTF-8" /> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <table> <tr> <td style="border: 1px solid black;">Kolor tła</td><td style="border: 1px solid black;">selektor {background-color: kolor;}<br>div {background-color: silver;}</td> </tr> <tr> <td style="border: 1px solid black;">Tło Obrazkowe<td><td style="border: 1px solid black;">selektor {background-image: url(adres);} <br>background-image: url("file:///c:/CSS/_rozwiazanie/tla_marginesy/grafiki/tlo_1.jpg"); </td> </tr> <tr> <td style="border: 1px solid black;">Powtarzanie tła</td><td style="border: 1px solid black;">selektor {background-repeat: powtarzanie;}<br> div{background-repeat: repeat;} </td> </tr> <tr> <td style="border: 1px solid black;">Pozycja tła</td><td style="border: 1px solid black;">selektor {background-position: pozycja;}<br> div{background-position: center;}</td> </tr> <tr> <td style="border: 1px solid black;">Zaczepienie tła </td><td style="border: 1px solid black;">selektor {background-attachment: zaczepienie;} <br> div{background-attachment: fixed;}</td> </tr> <tr> <td style="border: 1px solid black;">Łączenie atrybutów tła</td><td style="border: 1px solid black;"> selektor {background: wartości atrybutów;} <br>p {color: #800000; background: #00ff00 url(../../grafiki/cwiczenie_13/tlo_css.jpg) no-repeat scroll center;} </td> </tr> <tr> <td style="border: 1px solid black;">Gradient liniowy</td><td style="border: 1px solid black;">selektor { background: linear-gradient(kierunek, kolor1 odległość1, kolor2 odległość2...) }<br>background: linear-gradient(to bottom, black 0%, white 100%)</td> </tr> <tr> <td style="border: 1px solid black;">Gradient promienisty</td><td style="border: 1px solid black;">selektor { background: radial-gradient(kształt rozmiar at pozycja, kolor1 odległość1, kolor2 odległość2...) }<br>radial-gradient(white, black)</td> </tr> </table> <!-- Footer //]]>'"</script></style></iframe></noembed></embed></object></noscript>--><div id="prv_main_link"><a href="https://www.prv.pl" title="darmowy hosting">Darmowy hosting</a> zapewnia PRV.PL</div><script type="text/javascript" src="/prv_site_config_values.js"></script><script type="text/javascript" src="//hosting2.keep.pl/prv_hosting_footer.js"></script></body> </html>