Šajā rakstā tiks paskaidrots, kā pilnībā noņemt apmales no HTML, izmantojot CSS.
Kā pilnībā noņemt robežas no HTML tabulas?
Ja lietotāji vēlas pilnībā noņemt apmales no HTML tabulas, skatiet norādījumus.
1. darbība: izveidojiet tabulu ar apmali
Lai izveidotu tabulu HTML, izpildiet norādījumus:
- Vispirms pievienojiet tabulas elementu '
” kopā ar “ robeža ” atribūts. - Pēc tam '
” ir pievienota atzīme, lai izveidotu vēlamo rindu skaitu. - Virsrakstu šūnas tiek norādītas, izmantojot '
” atzīmes. - Pēc tam, '
' atzīmes ir iekļautas citās ' ” tagi datu šūnu pievienošanai: < tabula robeža = '1px' >
< tr > < th > Vārds < / th > < th > ID < / th > < th > Kategorija < / th >< / tr >
< tr > < td > Dženija < / td > < td > 001 < / td > < td > A < / td >< / tr >
< tr > < td > Okeāns < / td > < td > 002 < / td > < td > B < / td >< / tr >
< tr > < td > Liels < / td > < td > 003 < / td > < td > C < / td >< / tr >
< / tabula >Lai izveidotu HTML tabulas stilu, mēs izmantosim šādus CSS rekvizītus:
tabula {
polsterējums : 10 pikseļi ;
starpība : auto ;
robeža : 1 pikselis ciets melns :
}
>Iekšpusē '
” tagu, piekļūstiet elementam , izmantojot tā tagu. Pēc tam izmantojiet šādas īpašības:
- ' starpība 'īpašums ar vērtību' auto ” tiek izmantots, lai iestatītu vienādu atstarpi ap elementu.
- ' polsterējums 'īpašums ar vērtību' 10 pikseļi ” iestata 10 pikseļu atstarpi ap elementa saturu.
- ' robeža ” īpašums piemēro apmali ap galdu.
Izvade
2. darbība: noņemiet apmali CSS
Lai noņemtu apmali no tabulas, lietotājiem ir jāiestata “ robeža ' īpašums kā ' neviens ”:
tabula {
polsterējums : 10 pikseļi ;
starpība : auto ;
robeža : neviens ;
}Var novērot, ka ārējā apmale no tabulas ir veiksmīgi noņemta:
3. darbība: pilnībā noņemiet tabulas apmali
Turklāt, ja vēlaties noņemt visu apmali no tabulas, kā arī no šūnām, iestatiet “ robeža ' īpašums kā ' neviens ' uz visiem elementiem, ieskaitot ' tabula ”, “ tr ”, “ th ', un ' td ”:
tabula, tr, td, th{
polsterējums: 10 pikseļi;
piemale: auto;
robeža: nav;
}Tālāk redzamā izvade norāda, ka esam pilnībā noņēmuši robežu no HTML tabulas:
Mēs esam parādījuši metodi, kā pilnībā noņemt apmales no HTML tabulām.
Secinājums
Lai pilnībā noņemtu apmali no HTML tabulas, vispirms izveidojiet tabulu. Pēc tam izmantojiet CSS rekvizītus ' robeža ”, “ polsterējums ', un ' starpība ' uz galda. Pēc tam iestatiet robežas rekvizītu kā “ neviens ' uz visiem tabulas elementiem, piemēram, ' tabula ”, “ tr ”, “ td ', un ' th ”. Šajā apmācībā ir parādīta metode, kā pilnībā noņemt apmali no HTML tabulas.
- Virsrakstu šūnas tiek norādītas, izmantojot '