Cum se elimină spațiul celulei din CSS

Tabelele HTML sunt compuse din rânduri și celule. În codarea HTML tradițională, eliminați spațiul dintr-o celulă setând atributul „cellspacing” la zero. Dacă site-ul companiei dvs. este alcătuit din numeroase tabele, repetarea implicată în această metodă poate deveni inutilă. Folosiți Foi de stil în cascadă (CSS) pentru a simplifica procesul.

Eliminați spațiul din toate tabelele

1

Deschideți fișierul CSS într-un editor de text. Notepad este un editor de text de bază care vine cu computere bazate pe Windows.

2

Faceți clic pe cursorul din partea de jos a fișierului și introduceți următorul cod:

tabel {border-collapse: colaps; }

tr, td {padding: 0; }

3

Faceți clic pe „Fișier” și apoi pe „Salvați” pentru a salva fișierul CSS.

Eliminați spațiul din tabelele specifice

1

Utilizați următoarea formatare pentru toate tabelele în care doriți să eliminați spațiul dintre celule:

Introduceți conținutul celulei aici.

2

Deschideți fișierul CSS într-un editor de text, cum ar fi Notepad.

3

Faceți clic pe cursorul din partea de jos a fișierului și introduceți următorul cod:

table.nospacing {border-spacing: 0; }

table.nospacing th, td {padding: 0; }

4

Faceți clic pe „Fișier” și „Salvare” pentru a salva fișierul CSS.


$config[zx-auto] not found$config[zx-overlay] not found