See postitus selgitab, kuidas CSS-i abil täielikult HTML-ist ääriseid eemaldada.
Kuidas HTML-tabelist piire täielikult eemaldada?
Kui kasutajad soovivad HTML-tabelist äärised täielikult eemaldada, vaadake juhiseid.
1. samm: looge äärisega tabel
HTML-is tabeli loomiseks järgige juhiseid.
- Esmalt lisage tabeli element '
' koos ' piir ” atribuut. - Siis '
” lisatakse soovitud arvu ridade loomiseks. - Pealkirja lahtrid määratakse kasutades '
” sildid. - Pärast seda, '
' sildid sisalduvad teistes ' ” sildid andmerakkude lisamiseks: < laud piir = '1px' >
< tr > < th > Nimi < / th > < th > ID < / th > < th > Kategooria < / th >< / tr >
< tr > < td > Jenny < / td > < td > 001 < / td > < td > A < / td >< / tr >
< tr > < td > Ookean < / td > < td > 002 < / td > < td > B < / td >< / tr >
< tr > < td > Suur < / td > < td > 003 < / td > < td > C < / td >< / tr >
< / laud >HTML-tabeli stiili kujundamiseks kasutame järgmisi CSS-i atribuute:
laud {
polsterdus : 10 pikslit ;
marginaal : auto ;
piir : 1px tahke must :
}
Sees '
”, pääseb elemendile juurde selle märgendi abil. Seejärel rakendage järgmisi omadusi:
- “ marginaal ' vara väärtusega ' auto ” kasutatakse elemendi ümber võrdse ruumi määramiseks.
- “ polsterdus ' vara väärtusega ' 10 pikslit ” määrab elemendi sisu ümber ruumi 10 pikslit.
- “ piir ” atribuut rakendab äärist laua ümber.
Väljund
2. samm: eemaldage CSS-is ääris
Tabelilt äärise eemaldamiseks peavad kasutajad määrama ' piir ' vara kui ' mitte ühtegi ”:
laud {
polsterdus : 10 pikslit ;
marginaal : auto ;
piir : mitte ühtegi ;
}Võib täheldada, et tabeli välispiir on edukalt eemaldatud:
3. samm: eemaldage tabeli ääris täielikult
Lisaks, kui soovite eemaldada kogu äärise nii tabelist kui ka lahtritest, määrake ' piir ' vara kui ' mitte ühtegi ' kõigil elementidel, sealhulgas ' laud ”, „ tr ”, „ th ”, ja „ td ”:
tabel, tr, td, th{
polster: 10px;
veeris: auto;
piir: puudub;
}Allolev väljund näitab, et oleme HTML-tabelist piiri täielikult eemaldanud:
Oleme demonstreerinud meetodit ääriste täielikuks eemaldamiseks HTML-tabelitest.
Järeldus
Piiri täielikuks eemaldamiseks HTML-tabelist looge esmalt tabel. Pärast seda rakendage CSS-i atribuute ' piir ”, „ polsterdus ”, ja „ marginaal ' laua peal. Seejärel määrake piiri atribuudiks ' mitte ühtegi ' kõigil tabelielementidel, näiteks ' laud ”, „ tr ”, „ td ”, ja „ th ”. See õpetus on näidanud meetodit HTML-i tabelist piiri täielikuks eemaldamiseks.
- Pealkirja lahtrid määratakse kasutades '