Ustaw odstępy w komórkach w CSS - HTML
Kilka właściwości CSS jest wykorzystywanych do stylizowania stołu w HTML, takich jak kolor, granica, margines, wyściółka i wiele innych. Niestety "Strojenie komórkowe" I "CELPADING„Atrybuty nie są obsługiwane w HTML5. Jednak CSS „Obramowanie graniczne„Własność służy do ustawiania odstępów komórkowych i CSS”wyściółka„Właściwość służy do ustawiania wyściółki komórek tabeli.
Wyniki postu to:
- Jak utworzyć tabelę w HTML?
- Jak ustawić wyściółkę komórkową w CSS?
- Jak ustawić odstępy w komórkach w tabelach HTML za pomocą CSS?
Jak utworzyć tabelę w HTML?
Aby utworzyć tabelę w HTML, postępuj zgodnie z instrukcjami poniżej listy:
- Na stronie HTML najpierw dodaj HTML „
" element.
- Następnie dodaj
znacznik używany do określenia wiersza nagłówka za pomocą „Colspan" wartość atrybutu "3". Ten atrybut sprawi, że komórka będzie równa trzem kolumnom. - Następnie dodaj trochę
tagi do tworzenia wierszy w tabeli. - Pierwszy rząd zawiera nagłówki z
tagi. - Inne rzędy zawierają HTML
znaczniki do określania kolumn. Oto kod HTML do tworzenia prostej tabeli:
Tabela Roll no Nazwa uczniów Kursy 1 Jan Podstawy c++ 2 Lisa Podstawy Java 3 Diana Interakcja człowiek-komputer Przejdźmy do sekcji CSS w celu stylizacji stołu.
Element „tabeli” stylu
tabela
Margines: Auto;
Border: 2px Solid #0E5E6f;
kolor tła: #FDF3E1;
Rozmiar czcionki: 16px;
Wyjaśnienie powyższych właściwości CSS podano poniżej:
- "margines”Właściwość dodaje przestrzenie wokół elementu.
- "granica”To krótka właściwość, która dodaje granicę wokół elementu, określając szerokość granicy, styl graniczny i kolor graniczny.
- "kolor tła„Właściwość stosuje kolor do tła elementu.
- "rozmiar czcionki”Jest właściwością, aby ustawić rozmiar czcionki elementu.
Stylowe elementy „TH” i „TD”
th, td
granica: 2px solid #404258;
kolor tła: #9AD2D8;
HTML
I elementy są stylizowane przy użyciu właściwości „granicy” i „koloru tła”. Wyjście
Przejdźmy, aby ustawić odstępy komórkowe i wyściółkę komórkową tabeli HTML.
Jak ustawić odstępy w komórkach w CSS?
Jak wiemy, HTML5 nie obsługuje „Strojenie komórkowe" I "CELPADING”Atrybuty. Jednak właściwość CSS ”Obramowanie graniczne”Może ustawić odległość między granicami sąsiedniej komórki, takie jak ta:
tabela
Strona graniczna: 15px;
Oto dane wyjściowe, które pokazuje efekt „Obramowanie graniczne„Właściwość na stole elementu:
Jak ustawić wyściółkę komórkową w CSS?
Aby ustawić wyściółkę komórkową w tabeli HTML, CSS ”wyściółka„Podano właściwość. Własność wyściółka dodaje przestrzeń wewnątrz granicy komórki.
Teraz zastosuj nieruchomość wyściółka CSS do „th" I "TD”Elementy stołowe w następujący sposób:
th, td
Wyściółka: 10px;
Z poniższego wyjścia można zaobserwować, że przestrzenie są dodawane wokół zawartości komórki:
Opracowaliśmy przykłady do ustawiania odstępów komórek i wyściółki komórkowej w HTML za pomocą CSS.
Wniosek
HTML5 nie obsługuje odstępów komórek i atrybutów wyściółki komórkowej. Aby ustawić te czynniki, najpierw utwórz tabelę w HTML i zastosuj CSS ”Obramowanie graniczne”Własność i„wyściółka" nieruchomość. Właściwość obramowania CSS jest wykorzystywana do ustawiania odstępu komórkowego. Jednak wyściółka służy do dostosowania wyściółki komórkowej. Ten post zawierał szczegółowe przykłady ustawiania odstępów komórek i wyściółki komórkowej w CSS.
- Następnie dodaj