Dette indlæg vil forklare, hvordan man fjerner grænser fra HTML ved hjælp af CSS fuldstændigt.
Hvordan fjerner man helt grænser fra HTML-tabel?
Hvis brugere ønsker at fjerne grænser helt fra en HTML-tabel, skal du se instruktionerne.
Trin 1: Opret tabel med kant
Følg instruktionerne for at oprette en tabel i HTML:
- Tilføj først et tabelelement '
' sammen med ' grænse ' attribut. - Derefter '
” tag tilføjes for at oprette det ønskede antal rækker. - Overskriftscellerne er specificeret ved hjælp af '
” tags. - Efter det, '
' tags er inkluderet i andre ' ” tags til tilføjelse af dataceller: < bord grænse = '1px' >
< tr > < th > Navn < / th > < th > ID < / th > < th > Kategori < / th >< / tr >
< tr > < td > Jenny < / td > < td > 001 < / td > < td > EN < / td >< / tr >
< tr > < td > Ocean < / td > < td > 002 < / td > < td > B < / td >< / tr >
< tr > < td > Stor < / td > < td > 003 < / td > < td > C < / td >< / tr >
< / bord >Til styling af HTML-tabellen vil vi bruge følgende CSS-egenskaber:
bord {
polstring : 10px ;
margen : auto ;
grænse : 1 px solid sort :
}
>Inde i '
” tag, få adgang til -elementet ved hjælp af dets tag. Anvend derefter følgende egenskaber:
- “ margen ' ejendom med værdien ' auto ” bruges til at sætte lige stor plads omkring elementet.
- “ polstring ' ejendom med værdien ' 10px ” indstiller mellemrummet på 10px omkring elementets indhold.
- “ grænse ” egenskab anvender grænsen rundt om bordet.
Produktion
Trin 2: Fjern kant i CSS
For at fjerne grænsen fra tabellen skal brugerne indstille ' grænse ' ejendom som ' ingen ”:
bord {
polstring : 10px ;
margen : auto ;
grænse : ingen ;
}Det kan observeres, at den ydre kant fra bordet er blevet fjernet med succes:
Trin 3: Fjern bordkanten fuldstændigt
Ydermere, hvis du vil fjerne hele grænsen fra tabellen såvel som fra celler, skal du indstille ' grænse ' ejendom som ' ingen ' på alle elementer, inklusive ' bord ', ' tr ', ' th ', og ' td ”:
tabel, tr, td, th{
polstring: 10px;
margin: auto;
grænse: ingen;
}Nedenstående output indikerer, at vi fuldstændigt har fjernet grænsen fra HTML-tabellen:
Vi har demonstreret metoden til at fjerne grænser fra HTML-tabeller fuldstændigt.
Konklusion
For helt at fjerne grænsen fra HTML-tabellen skal du først oprette en tabel. Derefter skal du anvende CSS-egenskaber ' grænse ', ' polstring ', og ' margen ' på bordet. Indstil derefter grænseegenskaben som ' ingen ” på alle tabelelementer, som f.eks. bord ', ' tr ', ' td ', og ' th ”. Denne vejledning har demonstreret metoden til fuldstændig at fjerne grænsen fra HTML-tabellen.
- Overskriftscellerne er specificeret ved hjælp af '