baner

Lekcja 49

Projektowanie stron

 
Gradienty. Cienie. Transformacje.

cw 490

  • Utwórz dokument cw490.html oraz cw490.css
  • Wszystkie ustawienia stylu zapisz w pliku zewnętrznym
  • Utwórz wyśrodkowany w oknie przeglądarki blok o szerokości 80%, który będzie kontenerem dla pozostałych elementów.
  • Wewnętrz umieść w jednej linii 4 bloki o szerokości 25% i wysokości 80px z wypełnieniem gradientowym liniowym oraz obramowaniem wyłącznie prawym i lewym.
  • Poniżej umieść blok o szerokości 100% i wysokości 400px z wypełnieniem gradientowym liniowym
  • Poniżej umieść w jednej linii 4 bloki o szerokości 25% i wysokości 80px z wypełnieniem gradientowym liniowym oraz obramowaniem wyłącznie prawym i lewym.
  • Wewnątrz bloku o szerokości 100% (na rysunku numer 5) umieść wyśrodkowany w pionie i poziomie element o wymiarach 300x300 pikseli z wypełnieniem gradientowym radialnym z efektem przezroczystości od środka.
  • W linii 10 w kodzie HTML umieść jako komentarz swoje imię i nazwisko.
  • Przykłady
  •  

    Pytania i odpowiedzi: