Hvordan spesifiserer du tabellpolstring i CSS

Hvordan spesifiserer du tabellpolstring i CSS
Tabell er et viktig element i HTML som brukes til å organisere og administrere dataene i form av rader og kolonner. Det følger en diagramlignende flyt og kan lagre bilder, statistikk og personopplysninger. Videre kan brukere style "”Element ved å bruke flere CSS -egenskaper. For eksempel å sette polstringen i tabellcellene og mange flere.

Dette innlegget vil demonstrere:

  • Hvordan lage et bord i HTML?
  • Hvordan spesifisere en tabellpolstring i CSS?

Hvordan lage et bord i HTML?

For å opprette/lage en tabell i HTML, prøv ut den oppgitte prosedyren.

Trinn 1: Lag “div” container
Først må du lage en "div”Container ved hjelp av“”Tag og tilordne det en klasseattributt med et bestemt navn.

Trinn 2: Lag bord
Neste, bruk "

”Element sammen med“innhold”Klasse for å lage et bord inne i Div.

Trinn 3: Legg til tabellrader
Sett nå inn følgende element mellom "

”Tag for å lage tabellceller, og legge inn data:

”Tag brukes til å spesifisere radene i tabellen.
  • Etter det, legg til “
  • ”Tagger for å definere en overskriftscelle.
  • ”Tag inn mellom den første”
    ”Brukes til å legge til datacellene i tabellen:










    Navn Fylde
    Hafsi Storbritannia
    Edward India
    Bella USA
    kanin Pakistan
    Jack Afrika
    Gifte seg Bangladesh
    Jazzy Singapore
    Jenny Iran

    Det kan observeres at tabellen er opprettet med hell:

    Hvordan spesifisere en tabellpolstring i CSS?

    For å spesifisere tabell polstring eller avstand, kan du bruke forskjellige CSS -egenskaper, inkludert "grense-avstand”,“Cell-avstand”, Og“Cell-padding”. Dette er gyldige metoder for å produsere plassen.

    Følg de gitte instruksjonene for å spesifisere en tabellpolstring i CSS.

    Trinn 1: Stil “Div” -element
    Først får du tilgang til “div”Container ved hjelp av den tildelte klasseattributtet“.Main-div”. Bruk deretter de under-satte CSS-egenskapene:

    .Main-div
    Margin: 20px 150px;
    Bakgrunnsfarge: Bisque;
    Border: 4px prikket blå;

    Her:

    • margin”Brukes for å spesifisere det blanke rommet utenfor elementgrensen.
    • bakgrunnsfarge”Brukes til å stille bakgrunnsfargen på elementet.
    • grense”Definerer en grense rundt elementet.

    Produksjon

    Trinn 2: Sett tabellpolstring
    For å stille inn bordets polstring, få tilgang til “bord.innhold”Klasse. Etter det, bruk de nedenfor kodede CSS -egenskapene:

    bord.innhold
    grense: 5px solid RGB (228, 15, 15);
    grense-avstand: 12px;
    Margin: 50px 150px;
    bakgrunnsfarge: RGB (247, 209, 139);

    Her, "grense-avstand”Eiendom brukes til å sette avstand eller rom mellom grensene og tilstøtende celler i tabellen.

    Som du kan se, er bordets polstring lagt til:

    Trinn 3: Stiltabelldataceller
    For å bruke CSS på et spesifikt element i tabellen, får du først få tilgang til det med tabellklassen som "bord.innhold”Og element tagnavn som“td”:

    bord.innhold td
    Grense: Solid RGB (233, 36, 10) 1px;

    I følge det gitte kodebit har vi brukt "grense”Eiendom på dataceller:

    Det handlet om å spesifisere tabellpolstring i CSS.

    Konklusjon

    For å spesifisere tabellpolstring, oppretter du først en tabell ved hjelp av "

    " stikkord. Få tilgang til tabellen i CSS ved hjelp av tagnavnet og tildelt klasse. Etter det, bruk "grense-avstand”Eiendom på bordet for å justere rommet mellom grensene til tilstøtende celler. Dette innlegget har forklart prosedyren for å spesifisere tabellpolstring i CSS.