A cellatávolság a táblázat cellái közötti távolság leírására használt kifejezés. Ez a távolság gyakran a cellák közötti szegélyként vagy margóként látható, és néha rontja a webhely általános megjelenését. Szerencsére van néhány egyszerű lépés, amellyel eltávolíthatja a cellatávolságot a CSS-ben, és javíthatja a webhely általános megjelenését.
A cellatávolság eltávolításának első lépése a táblázat border attribútumának nullára állítása. Ezt a következő kód hozzáadásával érheti el a CSS stíluslapjához:
table {
border-collapse: collapse;
border-spacing: 0;
}
Azzal, hogy a border-collapse tulajdonságot „collapse”-ra, a border-spacing tulajdonságot pedig „0”-ra állítja, lényegében azt mondja a böngészőnek, hogy hagyja figyelmen kívül a táblázat cellái közötti távolságot vagy keretet.
Miután a border attribútumot nullára állította, a CSS kitöltés segítségével helyet hozhat létre a táblázat cellái között. A kitöltés abban hasonlít a cellatávolsághoz, hogy helyet ad az elemek között, de rugalmasabb, és a saját igényeihez igazítható.
td {
padding:
}
Ez 10 pixeles kitöltést ad a táblázat összes cellájához. A cellák közötti tér növeléséhez vagy csökkentéséhez módosíthatja a padding tulajdonság értékét.
Ha látható elválasztást kell létrehoznia a táblázat cellái között, akkor a cellatávolság helyett CSS-határokat használhat. A szegélyek testre szabhatók, hogy megfeleljenek az Ön egyedi tervezési igényeinek, és hozzáadhatók az egyes cellákhoz vagy az egész táblázathoz.
td {
border: }
Ez egy 1 pixeles egyszínű fekete keretet ad a táblázat összes cellájához. A keret tulajdonságait ezúttal is a saját tervezési igényeihez igazíthatja.
Miután eltávolította a cellatávolságot és testre szabta a táblázatot a CSS kitöltés és a szegélyek használatával, fontos, hogy tesztelje a designt különböző böngészőkben és különböző eszközökön. Ez biztosítja, hogy a táblázata minden platformon jól nézzen ki, és hogy a tervezési módosítások nem okoztak váratlan problémákat.
Összefoglalva, a cellatávolság eltávolítása a CSS-ben egy egyszerű, de hatékony módja a webhelye általános kialakításának javítására. A CSS kitöltés és szegélyek használatával testreszabottabb és vizuálisan vonzóbb táblázatot hozhat létre, amely javítja a felhasználói élményt, és kiemeli webhelyét a versenytársak közül.