Jak określić wyściółkę tabeli w CSS

Igor Skrzypek
Jak określić wyściółkę tabeli w CSS
Tabela jest ważnym elementem HTML, który jest wykorzystywany do organizowania i zarządzania danymi w postaci wierszy i kolumn. Jest zgodny z przepływem podobnym do wykresu i może przechowywać obrazy, statystyki i dane osobowe. Ponadto użytkownicy mogą stylizować „”Element poprzez zastosowanie kilku właściwości CSS. Na przykład ustawienie wyściółki wewnątrz komórek stołowych i wielu innych.

Ten post będzie pokazał:

  • Jak zrobić stół w HTML?
  • Jak określić wyściółkę tabeli w CSS?

Jak zrobić stół w HTML?

Aby utworzyć/stworzyć tabelę w HTML, wypróbuj podaną procedurę.

Krok 1: Utwórz pojemnik „Div”
Najpierw stwórz „div”Pojemnik z pomocą„”Tag i przypisz go atrybut klasowy o określonej nazwie.

Krok 2: Zrób stół
Następnie skorzystaj z „

”Element wraz z„treść„Klasa, aby utworzyć tabelę wewnątrz Div.

Krok 3: Dodaj wiersze stołowe
Teraz wstaw następujący element pomiędzy „

”Tag do tworzenia komórek tabeli i osadzenia danych:

  • "
”Tag służy do określenia wierszy w tabeli.
  • Następnie dodaj „
    • ”Tagi w celu zdefiniowania komórki nagłówka.
  • "
    • „Tag pomiędzy pierwszym”
    ”Służy do dodania komórek danych w tabeli:










    Nazwa Hrabia
    Hafsi Wielka Brytania
    Edward Indie
    Bella USA
    Królik Pakistan
    Jacek Afryka
    Ożenić Bangladesz
    Zgrzytliwy Singapur
    Przędzarka Iran

    Można zauważyć, że tabela została pomyślnie utworzona:

    Jak określić wyściółkę tabeli w CSS?

    Aby określić wyściółkę lub odstępy, możesz użyć różnych właściwości CSS, w tym „Obramowanie graniczne”,„punkt komórkowy", I "cell-padding". Są to prawidłowe metody produkcji przestrzeni.

    Aby określić wyściółkę tabeli w CSS, postępuj zgodnie z danymi instrukcjami.

    Krok 1: Element „Div” stylu
    Najpierw uzyskaj dostęp do „div”Kontener za pomocą przypisanego atrybutu klasy„.Main-Div". Następnie zastosuj poniżej wyświetlone właściwości CSS:

    .Main-Div
    Margines: 20px 150px;
    kolor tła: bisque;
    Border: 4px kropkowany niebieski;

    Tutaj:

    • "margines”Jest wykorzystywany do określenia pustej przestrzeni poza granicą elementu.
    • "kolor tła”Służy do ustawienia koloru tła elementu.
    • "granica”Definiuje granicę wokół elementu.

    Wyjście

    Krok 2: Ustaw wyściółkę tabeli
    Aby ustawić wyściółkę tabeli, uzyskać dostęp do „tabela.treść" klasa. Następnie zastosuj poniższe kodowane właściwości CSS:

    tabela.treść
    granica: 5px Solid RGB (228, 15, 15);
    Strona graniczna: 12px;
    Margines: 50px 150px;
    kolor tła: RGB (247, 209, 139);

    Tutaj "Obramowanie graniczne„Własność jest wykorzystywana do ustawiania odległości lub przestrzeni między granicami i sąsiednimi komórkami w tabeli.

    Jak widać, dodano wyściółkę stołową:

    Krok 3: Komórki danych tabeli stylu
    Aby zastosować CSS na określony element tabeli, najpierw dostęp do klasy tabeli jako „tabela.treść”I nazwa znacznika elementu jak„TD”:

    tabela.Treść TD
    granica: stały RGB (233, 36, 10) 1px;

    Według danego fragmentu kodu zastosowaliśmy „granica„Właściwość na komórkach danych:

    Chodziło o określanie wyściółki tabeli w CSS.

    Wniosek

    Aby określić wyściółkę tabeli, najpierw utwórz tabelę za pomocą „

    ”Tag. Następnie uzyskaj dostęp do tabeli w CSS za pomocą nazwy znacznika i przypisanej klasy. Następnie zastosuj „Obramowanie graniczne”Własność na stole w celu dostosowania przestrzeni między granicami sąsiednich komórek. Ten post wyjaśnił procedurę określenia wyściółki tabeli w CSS.

    C ++
    Zrozumienie podczas pętli w C ++
    W C ++, podczas gdy (prawdziwa) pętla jest również znana jako nieskończona pętla. Wykonuje ciało pęt...
    Pani Żaneta Pakuła
    php
    Jak używać funkcji strlen w PHP
    Funkcja strlen () w PHP to funkcja wbudowana, która służy do obliczania długości łańcucha. Przeczyta...
    Albert Szcześniak
    php
    Dlaczego PHP powinien być używany w tworzeniu stron internetowych
    PHP jest doskonałym wyborem do tworzenia stron internetowych ze względu na jego prostotę, elastyczno...
    Justyna Flak