Aquesta publicació explicarà com eliminar les vores d'HTML mitjançant CSS completament.
Com eliminar completament les vores de la taula HTML?
Si els usuaris volen eliminar completament les vores d'una taula HTML, mireu les instruccions.
Pas 1: creeu una taula amb vora
Per crear una taula en HTML, seguiu les instruccions:
- Primer, afegiu un element de taula '
' juntament amb el ' frontera ” atribut. - Aleshores el '
” s'afegeix l'etiqueta per crear el nombre desitjat de files. - Les cel·les de l'encapçalament s'especifiquen mitjançant “
etiquetes. - Després d'això, '
Les etiquetes ' s'inclouen en altres ' ” etiquetes per afegir cel·les de dades: < taula frontera = '1px' >
< tr > < th > Nom < / th > < th > ID < / th > < th > Categoria < / th >< / tr >
< tr > < td > Jenny < / td > < td > 001 < / td > < td > A < / td >< / tr >
< tr > < td > oceà < / td > < td > 002 < / td > < td > B < / td >< / tr >
< tr > < td > Gran < / td > < td > 003 < / td > < td > C < / td >< / tr >
< / taula >Per dissenyar la taula HTML, utilitzarem les següents propietats CSS:
taula {
farciment : 10 píxels ;
marge : automàtic ;
frontera : 1px sòlid negre :
}
Dins del '
”, accedeix a l'element mitjançant la seva etiqueta. A continuació, apliqueu les propietats següents:
- “ marge 'propietat amb el valor' automàtic ” s'utilitza per establir un espai igual al voltant de l'element.
- “ farciment 'propietat amb el valor' 10 píxels ” estableix l'espai de 10 px al voltant del contingut de l'element.
- “ frontera ” La propietat aplica la vora al voltant de la taula.
Sortida
Pas 2: elimina la vora en CSS
Per eliminar la vora de la taula, els usuaris han d'establir el ' frontera 'propietat com' cap ”:
taula {
farciment : 10 píxels ;
marge : automàtic ;
frontera : cap ;
}Es pot observar que la vora exterior de la taula s'ha eliminat correctament:
Pas 3: elimina completament la vora de la taula
A més, si voleu eliminar tota la vora de la taula i de les cel·les, configureu ' frontera 'propietat com' cap ' en tots els elements, inclòs ' taula ”, “ tr ”, “ th ”, i “ td ”:
taula, tr, td, th{
farciment: 10px;
marge: cotxe;
frontera: cap;
}La sortida següent indica que hem eliminat completament la vora de la taula HTML:
Hem demostrat el mètode per eliminar completament les vores de les taules HTML.
Conclusió
Per eliminar completament la vora de la taula HTML, primer creeu una taula. Després d'això, apliqueu les propietats CSS ' frontera ”, “ farciment ”, i “ marge ' a la taula. A continuació, configureu la propietat de la vora com a ' cap ” a tots els elements de la taula, com ara “ taula ”, “ tr ”, “ td ”, i “ th ”. Aquest tutorial ha demostrat el mètode per eliminar completament la vora de la taula HTML.
- Les cel·les de l'encapçalament s'especifiquen mitjançant “