Dodawanie wyściółki do komórek tabeli bootstrap - CSS
Jednym z głównych elementów tworzenia stron internetowych jest tabela. Wyświetla dane w formie tabelarycznej na stronie internetowej. Jeśli dane w komórkach tabeli są zbyt krótkie lub zbyt długie, może to spowodować, że tabela wydaje się nierówna. Aby to naprawić, „wyściółka„Własność jest wykorzystywana do komórek stołowych.
Ten post opisuje:
- Jak dodać wyściółkę do komórek tabeli bootstrap?
- Jak dodać wyściółkę do komórek tabeli bootstrap za pomocą CSS?
- Jak dodać wyściółkę do stołu?
Warunek: Utwórz tabelę
Aby utworzyć tabelę, postępuj zgodnie z poniższymi krokami:
- Najpierw użyj „”Oznacz i przypisz to„tabela" I "Stripowane tabelą„Zajęcia.
- W „„
”Element, określ część nagłówka za pomocą„" element.- Wewnątrz stwórz wiersz „
”Nagłówków za pomocą„" element.- Na koniec utwórz rzędy danych za pomocą „
”Tag i„Wyjście
Jak dodać wyściółkę do komórek tabeli bootstrap za pomocą CSS?
CSS oferuje najłatwiejszy sposób na dodanie wyściółki w każdej komórce tabeli za pomocą „wyściółka" nieruchomość. Oto przykład, który pokazuje, jak dodać wyściółkę do każdej komórki tabeli:
.Tabela TD
Wyściółka: 30px;Wyjście
Do tej pory omówiliśmy, jak dodać wyściółkę do komórek tabeli. W najbliższej części nauczysz się, jak dostosować wyściółkę do stołu.
Jak dodać wyściółkę do stołu?
W CSS dodaj poniżej podawane właściwości do „tabela" klasa:
.tabela
Border: 2px Solid Darkcyan;
Zakładanie graniczne: oddzielne;
Wyściółka: 20px;Tutaj:
- "granica„Własność dodaje granicę do elementu.
- "Zakładanie granic”Z wartością„oddzielny”Dodaje osobną granicę wokół stołu.
- "wyściółka”Dodaje miejsce wokół treści stołu.
Wyjście
Opracowaliśmy metody dodawania wyściółki do komórek tabeli bootstrap.
Wniosek
Istnieje kilka sposobów na dodanie wyściółki do komórek tabeli bootstrap. Obejmują one korzystanie z klas wyściółki, takich jak „P-*”,„px-*", I "py-*". Mówiąc dokładniej, wyściółka można również dodać za pomocą CSS ”wyściółka" nieruchomość. W tym artykule wyjaśniono, jak dodać przestrzeń wyściółki do komórek tabeli bootstrap.
slide 4 to 8 of 10”Tagi. - Następnie utwórz sekcję nadwozia tabeli za pomocą „
”Tagi. Html
Nazwa Kurs Wynik Jake Inżynieria oprogramowania 90 Tina Wprowadzenie do Java 80 Jan Systemy komputerowe 89 Wyjście
Jak dodać wyściółkę do komórek tabeli bootstrap?
Jednym ze sposobów dodania wyściółki w komórkach tabeli jest użycie klas wyściółki bootstrap. Obejmują one "P-*”,„px-*”,„py-*", i wiele więcej.
Przykład
W bieżącym przykładzie użyj „PX-5„Klasa, aby dodać wyściółkę w lewo i prawo od nagłówków:
Nazwa Kurs Wynik