Formatowanie list i tabel jest istotną częścią wyświetlania informacji w Twojej witrynie. CSS zapewnia właściwości i klasy do tworzenia i dostosowywania list i tabel do własnych upodobań. Oto szczegółowy przewodnik na temat formatowania list i tabel w CSS.
Formatowanie list
Lista nieuporządkowana(ul)
Główna właściwość: typ-styl-listy.
Wartości: none, disc, circle, square
.
Przykład:
Lista uporządkowana(ol)
Główna właściwość: typ-styl-listy.
Wartości: brak(domyślnie), dziesiętny, dolny-alfa, górny-alfa, dolny-rzymski, górno-rzymski.
Przykład:
Lista definicji(dl)
Główna właściwość: nie ma określonej właściwości CSS do formatowania list definicji. Można jednak stylizować elementy na liście za pomocą klas lub innych właściwości, takich jak font-size, font-weight, margin, padding, etc.
Przykład:
Formatowanie tabel
Formatowanie struktury tabeli
Główny obiekt: border-collapse
.
wartości: separate(default), collaps
mi.
Przykład:
Formatowanie obramowania tabeli
Główny obiekt: border
.
Wartości: wartość graniczna, na przykład: 1px solid black
.
Przykład:
Formatowanie obramowania komórki
Główny obiekt: border
.
Wartości: wartość graniczna, na przykład: 1px solid black
.
Przykład:
Wyrównanie i odstępy między komórkami tabeli
Główne właściwości: text-align, padding
.
- text-align: Wartości wyrównania, na przykład:
left, right, center
. - dopełnienie: wartość odstępu w komórkach, na przykład: 10px.
Przykład:
Kolor tła i tekstu w tabelach
Główne właściwości: background-color, color
background-color
: Wartość koloru tła, na przykład:lightgray
.color
: Wartość koloru tekstu, na przykład:white
.
Przykład:
Rozmiar kolumn i wierszy w tabelach
Główne właściwości: width
, height
.
width
: Wartość szerokości, na przykład: „100px”, „20%”.height
: Wartość wysokości, na przykład: „50px”, „10%”.
Przykład:
Jest to kompleksowy przewodnik na temat formatowania list i tabel w CSS. Możesz dostosować wartości i właściwości, aby utworzyć style list i tabel, które odpowiadają Twoim potrzebom projektowym w serwisie WWW.