Ta objava bo razložila, kako popolnoma odstraniti obrobe iz HTML-ja s pomočjo CSS.
Kako popolnoma odstraniti obrobe iz tabele HTML?
Če želijo uporabniki popolnoma odstraniti robove iz tabele HTML, si oglejte navodila.
1. korak: Ustvarite tabelo z obrobo
Če želite ustvariti tabelo v HTML, sledite navodilom:
- Najprej dodajte element tabele '
« skupaj z » meja ” atribut. - Potem, '
” je dodana oznaka za ustvarjanje želenega števila vrstic. - Naslovne celice so določene z '
” oznake. - Potem, '
» oznake so vključene v druge » ” za dodajanje podatkovnih celic: < tabela meja = '1px' >
< tr > < th > Ime < / th > < th > ID < / th > < th > Kategorija < / th >< / tr >
< tr > < td > Jenny < / td > < td > 001 < / td > < td > A < / td >< / tr >
< tr > < td > Ocean < / td > < td > 002 < / td > < td > B < / td >< / tr >
< tr > < td > Velik < / td > < td > 003 < / td > < td > C < / td >< / tr >
< / tabela >Za oblikovanje tabele HTML bomo uporabili naslednje lastnosti CSS:
>
tabela {
oblazinjenje : 10 slikovnih pik ;
marža : avto ;
meja : 1px trdna Črna :
}
>Znotraj '
” dostopite do elementa z njegovo oznako. Nato uporabite naslednje lastnosti:
- “ marža lastnost z vrednostjo avto ” se uporablja za nastavitev enakega prostora okoli elementa.
- “ oblazinjenje lastnost z vrednostjo 10 slikovnih pik ” nastavi prostor 10 slikovnih pik okoli vsebine elementa.
- “ meja Lastnost uporabi obrobo okrog tabele.
Izhod
2. korak: odstranite obrobo v CSS
Za odstranitev obrobe s tabele morajo uporabniki nastaviti » meja » lastnina kot « nič ”:
tabela {
oblazinjenje : 10 slikovnih pik ;
marža : avto ;
meja : nič ;
}Opazimo lahko, da je bila zunanja obroba tabele uspešno odstranjena:
3. korak: popolnoma odstranite obrobo tabele
Poleg tega, če želite odstraniti celotno obrobo iz tabele in iz celic, nastavite ' meja » lastnina kot « nič « na vseh elementih, vključno z » tabela ”, “ tr ”, “ th «, in » td ”:
tabela, tr, td, th{
oblazinjenje: 10px;
rob: avto;
meja: brez;
}Spodnji rezultat kaže, da smo popolnoma odstranili obrobo iz tabele HTML:
Predstavili smo metodo za popolno odstranitev robov iz tabel HTML.
Zaključek
Če želite popolnoma odstraniti obrobo iz tabele HTML, najprej ustvarite tabelo. Po tem uporabite lastnosti CSS ' meja ”, “ oblazinjenje «, in » marža ' na mizi. Nato nastavite lastnost meje kot ' nič « na vseh elementih tabele, kot je » tabela ”, “ tr ”, “ td «, in » th ”. Ta vadnica je prikazala metodo za popolno odstranitev obrobe iz tabele HTML.
- Naslovne celice so določene z '