CSS - Come rimuovere completamente i bordi dalla tabella HTML
Questo post spiegherà come rimuovere i bordi da HTML usando completamente CSS.
Come rimuovere completamente i bordi dalla tabella HTML?
Se gli utenti vogliono rimuovere completamente i bordi da una tabella HTML, guarda le istruzioni.
Passaggio 1: creare tabella con bordo
Per creare una tabella in HTML, seguire le istruzioni:
- Innanzitutto, aggiungi un elemento da tavolo "
" insieme con il "confine"Attributo.
- Poi il "
"Il tag viene aggiunto per creare il numero desiderato di righe. - Le celle di intestazione sono specificate usando "
"Tag. - Dopo di che, "
"I tag sono inclusi in altri" "Tag per l'aggiunta di celle di dati: Nome ID Categoria Jenny 001 UN Hafsi 002 B Mari 003 C Per lo styling della tabella HTML, useremo le seguenti proprietà CSS:
Dentro il ""Tag, accedi al
Elemento usando il suo tag. Quindi, applica le seguenti proprietà:
- "margine"Proprietà con il valore"auto"Viene utilizzato per impostare spazio uguale attorno all'elemento.
- "imbottitura"Proprietà con il valore"10px"Imposta lo spazio di 10px attorno al contenuto dell'elemento.
- "confine"La proprietà applica il bordo attorno al tavolo.
Produzione
Passaggio 2: rimuovere il bordo in CSS
Per rimuovere il bordo dalla tabella, gli utenti sono tenuti a impostare il "confine"Proprietà come"nessuno":
tavolo
imbottitura: 10px;
Margine: auto;
confine: nessuno;
Si può osservare che il bordo esterno dal tavolo è stato rimosso con successo:
Passaggio 3: rimuovere completamente il bordo della tabella
Inoltre, se si desidera rimuovere l'intero bordo dal tavolo e dalle celle, impostare "confine"Proprietà come"nessuno"Su tutti gli elementi, tra cui"tavolo","tr","th", E "td":
Table, Tr, TD, th
imbottitura: 10px;
Margine: auto;
confine: nessuno;
L'uscita seguente indica che abbiamo completamente rimosso il bordo dalla tabella HTML:
Abbiamo dimostrato il metodo per rimuovere completamente i bordi dalle tabelle HTML.
Conclusione
Per rimuovere completamente il bordo dalla tabella HTML, crea prima una tabella. Successivamente, applica le proprietà CSS "confine","imbottitura", E "margine" sul tavolo. Quindi, imposta la proprietà di confine come "nessuno"Su tutti gli elementi del tavolo, come"tavolo","tr","td", E "th". Questo tutorial ha dimostrato il metodo per rimuovere completamente il bordo dalla tabella HTML.
- Poi il "