HTML: <html> <head> <title>KROPACZ - ZADANIE 72</title> </head> <body> <table border="1"> <tr> <td><font face="Arial"><b>Kolor tła</b> </td> <td><font face="Arial">Dzieki temu poleceniu można ustawic kolor tła dla danego elementu<br><br> Selektor{background-color:kolor;}<br> *{background-color:red;} </td> </tr> <tr> <td> <font face="Arial"><b>Tło obrazkowe</b> </td> <td><font face="Arial">Dzieki temu poleceniu możemy ustawić tło obrazkowe,<br><br> selektor {background-image: url(adres);}<br> *{background-image: url("file:///c:/CSS/_rozwiazanie/tla_marginesy/grafiki/tlo_1.jpg");} </td> </tr> <tr> <td><font face="Arial"><b>Przetwarzanie tła</b> </td> <td> <font face="Arial">Dzieki temu poleceniu można ustalić jeden z czterech sposobów powtarzania sie obrazka jako tła<br><br> selektor{background-repeat:powtarzanie;}<br> *{background-repeat:repeat-x;} </td> </tr> <tr> <td><font face="Arial"> <b>Pozycja tła</b></td> <td><font face="Arial"> dzieki temu poleceniu można ustalić pozycje obrazka w ramkach tła. Nie możliwe to jest przy wartości atrybutu powtarzania: repeat<br><br> selektor{background-position: pozycja;}<br> *{background-position:center;} </td> </tr> <tr> <td><font face="Arial"><b>Zaczepienie tła</b></td> <td><font face="Arial">Domyślnie tło obrazkowe przesuwa sie wraz z przewijaną stroną.Poleceniem tym można sprawić że tło bedzie nieruchome w czasie przewijania zawartości strony.<br><br> selektor{background-attachment:zaczepienie;}<br> *{background-attachment:fixed;} </td> </tr> <tr> <td><font face="Arial"><b>Łączenie atrybutów tła</b> </td> <td><font face="Arial">Dzięki temu poleceniu można w jednym miejscu zebrać atrybuty dotyczące tła.<br><br> selektor {background: wartości atrybutów;}<br> p {color: #800000; background: #00ff00 url(../../grafiki/cwiczenie_13/tlo_css.jpg) norepeat scroll center;} </td> </tr> <tr> <td><font face="Arial"><b>Gradient liniowy</b></td> <td><font face="Arial">Gradient to wypełnienie tłem płynnym przejściu kilku kolorów.<br><br> 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><font face="Arial"><b>Gradient promienisty</b></td> <td><font face="Arial">Gradient promienisty to tło o płynnym przejściem kilku kolorów, wywołując efekt trójwymiarowej kuli lub oświetlenia latarki.<br> <br> selektor { background: radial-gradient(kształt rozmiar at pozycja, kolor1 odległość1, kolor2 odległość2...) } <br> * {background: repeating-radial-gradient(white 33%, black 66%)}</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>