Granica tabeli HTML

„Granica tabeli określa granice tabeli, za którą nie można rozwinąć tej tabeli. W HTML możesz tworzyć różne rodzaje granic swoich stolików, aby wyglądały bardziej fascynująco. W tym przewodniku nauczymy Cię podstaw tworzenia granic stołowych w HTML, przechodząc przez kilka przykładów."

Jak utworzyć tabelę z granicą w HTML?

Istnieją różne rodzaje granic stołowych, które są dostępne w HTML. Możesz użyć tych granic zgodnie z własnym wyborem. Jednak w trzech przykładach wymienionych poniżej będziemy dzielić się z Tobą metodami tworzenia trzech najczęściej używanych granic tabeli w HTML.

Przykład 1: Tworzenie zwiniętej granicy tabeli

Zgłoszona granica stołu to ta, w której oblążają granice wszystkich komórek stolika. W tym przykładzie pokażemy, w jaki sposób możesz utworzyć zwiniętą granicę tabeli w HTML za pomocą następującego skryptu HTML:

W tym przykładzie utworzyliśmy tabelę w HTML za pomocą znacznika tabeli. Do tej tabeli wybraliśmy granicę „1-pikselową solidną czarną”, a także wybraliśmy tę granicę, aby zostać zawalonym, tj.mi., Wszystkie komórki tabeli będą miały tę samą granicę. Następnie chcieliśmy, aby ta tabela miała dwie różne kolumny, a mianowicie „pracownik” i „oznaczenie” i chcieliśmy mieć w tej tabeli zapisy dwóch różnych pracowników. Dlatego wspomnialiśmy o nazwiskach tych pracowników i ich odpowiednich oznaczeniach w oddzielnych tagach „TR” i „TD” HTML.

Kiedy wykonaliśmy wyżej wymieniony skrypt HTML, nasza tabela z zwężoną granicą pojawiła się na stronie internetowej, jak pokazano na poniższym obrazku:

Przykład 2: Tworzenie niewidzialnej granicy tabeli

Niewidoczna granica stołu jest tym, w którym wybieramy kolor tła dla wszystkich komórek naszego stołu, zachowując kolor granicy stołowej jako „biały”, ponieważ wydaje się, że nasz stół jest bez granic. Aby utworzyć taką tabelę w HTML, będziesz musiał użyć następującego skryptu HTML:

W tym skrypcie ustawiliśmy nasz kolor graniczny stół jako biały, aby mógł wydawać się niewidoczny. Następnie wybraliśmy losowy kolor tła dla wszystkich komórek naszego stołu. Następnie użyliśmy tych samych wpisów do tabeli, których użyliśmy w naszym pierwszym przykładzie.

Teraz, kiedy wykonaliśmy ten skrypt HTML, nasza tabela z niewidoczną granicą pojawiła się na stronie internetowej, jak pokazano na poniższym obrazku:

Przykład 3: Tworzenie kropkowanej granicy

Jak sama nazwa mówi, kropkowana granica jest taka, której granica jest w postaci kropek, a nie solidna. Aby utworzyć taką tabelę w HTML, musisz odwołać się do następującego skryptu:

W tym przykładowym skrypcie wybraliśmy kropkowane styl graniczny dla naszego stołu. Następnie reszta wpisów tabeli są dokładnie takie same jak te, których użyliśmy w naszych pierwszych dwóch przykładach.

Po wykonaniu ten skrypt HTML renderował tabelę z kropkowaną granicą na stronie internetowej, jak pokazano na poniższym obrazku:

Wniosek

Ten samouczek został stworzony w celu zademonstrowania użycia i tworzenia granic tabeli w HTML. Aby ci to szczegółowo wyjaśnić, rozmawialiśmy o trzech różnych rodzajach granic stołowych w HTML. Możesz wyraźnie zobaczyć wpływ zmiany stylu granicznego na ogólny wygląd tabeli z przykładów pokazanych powyżej. Dlatego teraz możesz dogodnie wybrać granicę tabeli, którą lubisz najbardziej i utworzyć ją w ciągu kilku sekund. Ponadto możesz również odkryć inne granice tabeli, które są dostępne w HTML.