Przejdź do treści

Centrum Kształcenia Zawodowego i Ustawicznego w Mrągowie

Efekt „Zebra”

wtorek,

Efekt „Zebra”

Efekt „Zebra” polega na ustawieniu naprzemiennie dwóch kolorów dla pewnych elementów HTML. Może to zdecydowanie poprawić czytelność. Wprowadzona w CSS3 pseudoklasa :nth-child pozwala znacznie zmniejszyć nakład pracy wymagany do uzyskania efektu „Zebra”. Pseudoklasa ta ma wiele możliwości wskazywania elementów, w tym przypadku wystarczą proste even (parzyste) lub odd (nieparzyste).

Przykład efektu „Zebra” to tabela na końcu artykułu.

Kod CSS

tr:nth-child(odd){background:#eee;}
table{width:100%;}
td{padding:10px;}
th{background: #000;color: #fff;}

Kod HTML

<table>
	<tr>
		<th>Data</th>
		<th>Miejsce</th>
	</tr>
	<tr>
		<td>1–7.09</td>
		<td>Westerplatte</td>
	</tr>
<!-- kolejne wiersze -->
</table>

Bitwy kampanii wrześniowej

Data Miejsce
1–7.09Westerplatte
1.09Gdańsk
1–19.09Kępa Oksywska
1.09-2.10Hel
1.09Boża Góra
1.09Żory
1.09Krojanty
1.09Chojnice
1.09Lasy Królewskie
1.09Bytom
1.09Mokra
1–2.09Pszczyna
2–3.09Częstochowa
1–3.09Wyry
1–3.09Mława
1–4.09Grudziądz
1–5.09Bory Tucholskie
1–3.09Jordanów
2–3.09Węgierska Górka
3.09Bukowiec
3–6.09Borowa Góra
4.09Rajsko
4–6.09Różan
5–6.09Piotrków
6.09Tomaszów Mazowiecki
6–7.09Pułtusk
6–8.09Łódź
7-10.09Łomża
7–10.09Wizna
8.09Wola Cyrusowa
8.09Barak
8–9.09Iłża
8–10.09Nowogród
8–28.09Warszawa
9–22.09Bzura
10–11.09Jarosław
11/12.09Kałuszyn
11–14.09Przemyśl
12.09Brwinów
12–22.09Lwów
13.09Mińsk Mazowiecki
13–16.09Sochaczew
14.09Boratycze
14–17.09Brześć
14–29.09Modlin
15–16.09Jaworów
17.09Hajnówka
17–18.09Krasnystaw
17–18.09Kobryń
17–20.09Lasy janowskie
17–20.09,22–27.09Tomaszów Lubelski
18–19.09Wilno
19.09Wólka Węglowa
20–22.09Grodno
21.09Palmiry
22.09Kodziowce
22.09Łomianki
22.09Cześniki
23.09Krasnobród
24.09Husynne
26–27.09Władypol
28–29.09Szack
29–30.09Parczew
1.10Wytyczno
2–6.10Kock

Trzy miesiące temu na naszej stronie…

Artykuł: Przebieg wojny o Falklandy

Przebieg wojny o Falklandy

Artykuł: Jan Falkowski

Jan Falkowski

Artykuł: Krystyna Wituska

Krystyna Wituska

Artykuł: Międzynarodowy Dzień Zapobiegania Narkomanii

Międzynarodowy Dzień Zapobiegania Narkomanii

Artykuł: Windows 98

Windows 98

Artykuł: Superkomputer Bem

Superkomputer Bem

Nasze technikum

Technik informatyk

Szkoły dla dorosłych

Nasza szkoła

Pełna oferta edukacyjna

Oferta szkoły