CSS - Jak całkowicie usunąć granice z tabeli HTML

CSS - Jak całkowicie usunąć granice z tabeli HTML
Tabela jest głównym elementem strony HTML używanej do przechowywania i organizowania danych. Deweloperzy mogą zaprojektować tabelę HTML za pomocą właściwości CSS, takich jak kolor tła, granica, margines, wyściółka itp. CSS „granica„Własność jest wykorzystywana do ustawiania granic wokół tabel i komórek. Ale w niektórych scenariuszach użytkownicy nie wymagają granicy do stylizacji.

Ten post wyjaśni, jak całkowicie usunąć granice z HTML za pomocą CSS.

Jak całkowicie usunąć granice z tabeli HTML?

Jeśli użytkownicy chcą całkowicie usunąć granice z tabeli HTML, spójrz na instrukcje.

Krok 1: Utwórz tabelę z granicą

Aby utworzyć tabelę w HTML, postępuj zgodnie z instrukcjami:

  • Najpierw dodaj element tabeli „" razem z "granica" atrybut.
  • A później "
  • ”Dodano znacznik, aby utworzyć pożądaną liczbę wierszy.
  • Komórki nagłówki są określane za pomocą „
  • ”Tagi do dodawania komórek danych:
    ”Tagi.
  • Po tym, "
  • „Tagi są zawarte w innych”





    Nazwa ID Kategoria
    Przędzarka 001 A
    Hafsi 002 B
    Mari 003 C

    Do stylizacji tabeli HTML będziemy używać następujących właściwości CSS:

    W środku "”Tag, dostęp do

    element za pomocą jego tagu. Następnie zastosuj następujące właściwości:

    • "margines„Własność o wartości”automatyczny”Służy do ustawiania równej przestrzeni wokół elementu.
    • "wyściółka„Własność o wartości”10px”Ustawia przestrzeń 10px wokół zawartości elementu.
    • "granica„Nieruchomość stosuje granicę wokół stołu.

    Wyjście

    Krok 2: Usuń obramowanie w CSS

    Aby usunąć granicę z tabeli, użytkownicy są zobowiązani do ustawienia „granica„Nieruchomość jako„nic”:

    tabela
    Wyściółka: 10px;
    Margines: Auto;
    Border: Brak;

    Można zauważyć, że zewnętrzna granica z tabeli została pomyślnie usunięta:

    Krok 3: Całkowicie usuń obramowanie stołu

    Ponadto, jeśli chcesz usunąć całą granicę ze stołu, a także z komórek, ustaw „granica„Nieruchomość jako„nic”Na wszystkich elementach, w tym„tabela”,„tr”,„th", I "TD”:

    Tabela, tr, td, th
    Wyściółka: 10px;
    Margines: Auto;
    Border: Brak;

    Poniższe wyjście wskazuje, że całkowicie usunęliśmy granicę z tabeli HTML:

    Wykazaliśmy metodę całkowicie usuwania granic z tabel HTML.

    Wniosek

    Aby całkowicie usunąć granicę z tabeli HTML, najpierw utwórz tabelę. Następnie zastosuj właściwości CSS „granica”,„wyściółka", I "margines" na stole. Następnie ustaw własność graniczną jako „nic”Na wszystkich elementach stołowych, takich jak„tabela”,„tr”,„TD", I "th". Ten samouczek pokazał metodę całkowitego usuwania granicy z tabeli HTML.