Această postare va explica cum să eliminați complet chenarele din HTML folosind CSS.
Cum să eliminați complet chenarele din tabelul HTML?
Dacă utilizatorii doresc să elimine complet chenarele dintr-un tabel HTML, consultați instrucțiunile.
Pasul 1: Creați un tabel cu chenar
Pentru a crea un tabel în HTML, urmați instrucțiunile:
- Mai întâi, adăugați un element de tabel „
' impreuna cu ' frontieră ” atribut. - Apoi, „
” se adaugă eticheta pentru a crea numărul dorit de rânduri. - Celulele de titlu sunt specificate folosind „
' Etichete. - După care, '
etichetele „ sunt incluse în alte „ ” etichete pentru adăugarea celulelor de date: < masa frontieră = „1px” >
< tr > < th > Nume < / th > < th > ID < / th > < th > Categorie < / 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 > Mari < / td > < td > 003 < / td > < td > C < / td >< / tr >
< / masa >Pentru stilizarea tabelului HTML, vom folosi următoarele proprietăți CSS:
masa {
umplutura : 10px ;
marginea : auto ;
frontieră : 1px solid negru :
}
În interiorul '
”, accesați elementul folosind eticheta acestuia. Apoi, aplicați următoarele proprietăți:
- „ marginea „proprietate cu valoarea „ auto ” este folosit pentru a seta spațiu egal în jurul elementului.
- „ umplutura „proprietate cu valoarea „ 10px ” setează spațiul de 10 px în jurul conținutului elementului.
- „ frontieră ” proprietate aplică chenarul în jurul mesei.
Ieșire
Pasul 2: Eliminați chenarul în CSS
Pentru a elimina chenarul din tabel, utilizatorii trebuie să seteze „ frontieră „proprietate ca „ nici unul ”:
masa {
umplutura : 10px ;
marginea : auto ;
frontieră : nici unul ;
}Se poate observa că marginea exterioară a tabelului a fost eliminată cu succes:
Pasul 3: Eliminați complet chenarul tabelului
În plus, dacă doriți să eliminați întregul chenar din tabel, precum și din celule, setați „ frontieră „proprietate ca „ nici unul ” pe toate elementele, inclusiv ” masa ”, “ tr ”, “ th ', și ' td ”:
masă, tr, td, th{
umplutură: 10px;
margine: auto;
chenar: niciunul;
}Rezultatul de mai jos indică faptul că am eliminat complet chenarul din tabelul HTML:
Am demonstrat metoda de a elimina complet chenarele din tabelele HTML.
Concluzie
Pentru a elimina complet chenarul din tabelul HTML, creați mai întâi un tabel. După aceea, aplicați proprietățile CSS „ frontieră ”, “ umplutura ', și ' marginea ' pe masă. Apoi, setați proprietatea de frontieră ca „ nici unul ” pe toate elementele de masă, cum ar fi „ masa ”, “ tr ”, “ td ', și ' th ”. Acest tutorial a demonstrat metoda pentru eliminarea completă a chenarului din tabelul HTML.
- Celulele de titlu sunt specificate folosind „