Ovaj će post objasniti kako potpuno ukloniti obrube iz HTML-a pomoću CSS-a.
Kako u potpunosti ukloniti obrube iz HTML tablice?
Ako korisnici žele potpuno ukloniti granice iz HTML tablice, pogledajte upute.
Korak 1: Napravite tablicu s rubom
Za izradu tablice u HTML-u slijedite upute:
- Prvo dodajte element tablice '
' zajedno sa ' granica ” atribut. - Onda '
” dodaje se oznaka za stvaranje željenog broja redaka. - Ćelije naslova navedene su pomoću '
' oznake. - Nakon toga, '
” oznake su uključene u druge “ ” oznake za dodavanje podatkovnih ćelija: < stol granica = '1px' >
< tr > < th > Ime < / th > < th > iskaznica < / 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 >
< / stol >Za oblikovanje HTML tablice koristit ćemo sljedeća CSS svojstva:
stol {
podstava : 10 px ;
margina : auto ;
granica : 1px čvrsta crno :
}
>Unutar '
” pristupite elementu koristeći njegovu oznaku. Zatim primijenite sljedeća svojstva:
- “ margina ' svojstvo s vrijednošću ' auto ” koristi se za postavljanje jednakog prostora oko elementa.
- “ podstava ' svojstvo s vrijednošću ' 10 px ” postavlja razmak od 10 piksela oko sadržaja elementa.
- “ granica ” svojstvo primjenjuje obrub oko tablice.
Izlaz
Korak 2: Uklonite obrub u CSS-u
Za uklanjanje obruba iz tablice, korisnici moraju postaviti ' granica ' svojstvo kao ' nikakav ”:
stol {
podstava : 10 px ;
margina : auto ;
granica : nikakav ;
}Može se primijetiti da je vanjski rub iz tablice uspješno uklonjen:
Korak 3: Potpuno uklonite obrub tablice
Nadalje, ako želite ukloniti cijeli obrub iz tablice kao i iz ćelija, postavite “ granica ' svojstvo kao ' nikakav ' na svim elementima, uključujući ' stol ”, “ tr ”, “ th ', i ' td ”:
stol, tr, td, th{
ispuna: 10px;
margina: auto;
granica: nema;
}Donji rezultat pokazuje da smo potpuno uklonili obrub iz HTML tablice:
Demonstrirali smo metodu potpunog uklanjanja granica s HTML tablica.
Zaključak
Da biste u potpunosti uklonili obrub s HTML tablice, prvo izradite tablicu. Nakon toga primijenite CSS svojstva “ granica ”, “ podstava ', i ' margina ' na stolu. Zatim postavite svojstvo granice kao ' nikakav ' na svim elementima tablice, kao što je ' stol ”, “ tr ”, “ td ', i ' th ”. Ovaj vodič je pokazao metodu potpunog uklanjanja obruba iz HTML tablice.
- Ćelije naslova navedene su pomoću '