Det här inlägget kommer att förklara hur man tar bort gränser från HTML med CSS helt.
Hur tar man bort gränser från HTML-tabellen helt?
Om användare vill ta bort gränser helt från en HTML-tabell, titta på instruktionerna.
Steg 1: Skapa tabell med kant
För att skapa en tabell i HTML, följ instruktionerna:
- Lägg först till ett tabellelement '
' tillsammans med ' gräns ' attribut. - Sedan '
”-taggen läggs till för att skapa önskat antal rader. - Rubrikcellerna specificeras med '
'-taggar. - Efter det, '
' taggar ingår i andra ' '-taggar för att lägga till dataceller: < tabell gräns = '1px' >
< tr > < th > namn < / th > < th > ID < / th > < th > Kategori < / th >< / tr >
< tr > < td > Jenny < / td > < td > 001 < / td > < td > A < / td >< / tr >
< tr > < td > Hav < / td > < td > 002 < / td > < td > B < / td >< / tr >
< tr > < td > Stor < / td > < td > 003 < / td > < td > C < / td >< / tr >
< / tabell >För styling av HTML-tabellen kommer vi att använda följande CSS-egenskaper:
tabell {
stoppning : 10px ;
marginal : bil ;
gräns : 1 px fast svart :
}
>Inuti '
”-taggen, få tillgång till -elementet med hjälp av dess tagg. Använd sedan följande egenskaper:
- ' marginal ' egenskap med värdet ' bil ” används för att ställa in lika utrymme runt elementet.
- ' stoppning ' egenskap med värdet ' 10px ” ställer in utrymmet på 10px runt elementets innehåll.
- ' gräns ” Egenskapen tillämpar gränsen runt bordet.
Produktion
Steg 2: Ta bort gräns i CSS
För att ta bort gränsen från tabellen måste användarna ställa in ' gräns ' egendom som ' ingen ”:
tabell {
stoppning : 10px ;
marginal : bil ;
gräns : ingen ;
}Det kan observeras att den yttre kanten från bordet har tagits bort framgångsrikt:
Steg 3: Ta bort tabellkanten helt
Dessutom, om du vill ta bort hela gränsen från tabellen såväl som från celler, ställ in ' gräns ' egendom som ' ingen ' på alla element, inklusive ' tabell ”, “ tr ”, “ th ', och ' td ”:
tabell, tr, td, th{
stoppning: 10px;
marginal: auto;
gräns: ingen;
}Nedanstående utdata indikerar att vi helt har tagit bort gränsen från HTML-tabellen:
Vi har demonstrerat metoden för att helt ta bort gränser från HTML-tabeller.
Slutsats
För att helt ta bort gränsen från HTML-tabellen, skapa först en tabell. Efter det, tillämpa CSS-egenskaper ' gräns ”, “ stoppning ', och ' marginal ' på bordet. Ställ sedan in gränsegenskapen som ' ingen ' på alla tabellelement, som ' tabell ”, “ tr ”, “ td ', och ' th ”. Denna handledning har demonstrerat metoden för att helt ta bort gränsen från HTML-tabellen.
- Rubrikcellerna specificeras med '