c.d. cw003 Strona cwicz1.html: Panel środkowy:

Transkrypt

c.d. cw003 Strona cwicz1.html: Panel środkowy:
c.d. cw003
Strona cwicz1.html:
Panel środkowy:
- kolor tła #336633;
- tabela wyśrodkowana w poziomie:
- właściwości tabeli:
formatowanie tabeli umieść w pliku tabela.css;
tytuł tabeli: „Przykładowa tabela” w nagłówku pierwszego stopnia;
napisy w tabeli czcionką wielkości 20px;
obramowanie tabeli w kolorze białym, wspólne dla komórek, linią ciągłą o grubości 2px;
pierwszy wiersz nagłówkowy, kolor tła #555555, czcionka Arial pochylona;
odstępy wkoło elementów tabeli 20px;
gdy mysz znajduje się na komórce 2 lub 6, komórka powinna przybrać kolor tła czerwony, żółty
kolor czcionki pogrubiony;
w momencie naciskania na tabelę, obramowanie tabeli zmieni się na kropkowane w kolorze czerwonym;
Panel prawy:
Sprawdź długość:
ile
Ilość znaków:
- napis „Sprawdź długość” podkreślony;
- pole tekstowe;
- przycisk o treści „ile”, po naciśnięciu którego obok napisu „Ilość znaków”
pojawi się długość wprowadzonego napisu;
Wskazówki:
do zmiany stylów elementu, w momencie, gdy mysz znajduje się na elemencie, użyj pseudoklasy :hover
do zmiany stylów elementu wskazanego, można użyć pseudoklasy :active (selektor określa wygląd każdego
podanego typu elementu od momentu kliknięcia na niego lewym przyciskiem myszy, do momentu,
gdy ten przycisk zostanie puszczony)

Podobne dokumenty