Ten post wyjaśni metodę tworzenia tabeli HTML w pionowo.
Jak zrobić tabelę HTML w pionowo?
Aby utworzyć tabelę pionowo przewijaną w HTML, najpierw zrób tabelę i dodaj odpowiednie dane. Następnie zastosuj właściwości CSS „przepełnienie-x" I "przepełnienie-y".
Właściwość „przepełnienia-X” o wartości ”ukryty”Plikuje przepełnienie. Ponadto właściwość „przepełnienia” o wartości ”zwój„Pozwoli ci przewijać w górę i w dół stołu.
Aby to zrobić, wypróbuj podane instrukcje.
Krok 1: Utwórz pojemnik „Div”
Po pierwsze, stwórz „" pojemnik. Następnie wstaw atrybut klasy jako „Div-scroll".
Krok 2: Utwórz tabelę w HTML
Aby utworzyć tabelę w HTML, postępuj zgodnie z podanymi instrukcjami:
„Znacznik służy do dodania nagłówka do stołu. | ”Jest wykorzystywany do wstawienia danych w tabeli:
Można zauważyć, że tabela została pomyślnie utworzona: Krok 3: Klasa dostępu i tabela Teraz uzyskaj dostęp do „div”Element za pomocą„.Div-scroll" Nazwa klasy. „„tabela”Służy do dostępu do elementu tabeli kontenera Div. Krok 4: Tabela stylu w CSS Aby stylizować tabelę w CSS, użyj następujących właściwości: .Div-scroll, tabelaWyściółka: 12px; Wysokość: 200px; szerokość: 500px; RADIUS BRAVES: 10px; Shadow Box: 1px 2px 1px 2px RGB (230, 229, 229); Margines: 15px; granica: 1px Solid #141313; kolor tła: #CBEAF8; Olflow-Y: Scroll; Overflow-X: ukryty; Oto opis wyżej wymienionego kodu:
Można zaobserwować, że z powodzeniem uczyniliśmy tabelę pionowo przewijaną: Wyjaśniliśmy metodę tworzenia tabeli w pionie. Wniosek Aby stół HTML był przewidzany pionowo, najpierw utwórz tabelę, używając „ ”Tag. Następnie zastosuj właściwości CSS, aby stylizować tabelę. Ponadto ustaw wartość „przepełnienie-x„Nieruchomość jako„ukryty" I "przepełnienie-y" Jak "zwój„Aby stół był przewijany. Ten post zapewnił procedurę tworzenia tabeli w pionie.
slide 4 to 8 of 10 |
---|