Hogyan, hogy a határokat a táblázat html

Hogyan, hogy a határokat a táblázat html

Hello mindenkinek! Most már tudod, hogyan lehet létrehozni egy alaptáblázatra álló ilyen sorok és oszlopok, amit akar. Nem rossz, nem rossz. És most beszéljünk a design ezeket a táblákat.

Az utolsó lecke a táblázat mutatja határok nélkül. És látod, úgy néz ki, so-so, és még a megjelölés nem hívják. Ahhoz, hogy a határ a táblázat HTML, hozzá kell tenni, hogy a címke

border attribútum. így ez egy nulla értéket.

Szóval vessünk a határ az asztalra. Például már van:

Az eredmény a böngészőben:

Hogyan lehet eltávolítani a táblázat határok

Az viszont, hogy távolítsa el a HTML táblázat határok, sőt lehet mondani, hogy láthatatlan, be kell állítani a határon attribútumot 0. ezeket az egyszerű cselekvések eltávolítja a keretet.

Attribútum lehetővé teszi, hogy hozzon létre, de nem ellenőrzik a határokat. Ez lehetővé teszi, hogy változtatni csak azok vastagságát.

Ezért ma fogunk összpontosítani CSS. amelynek tulajdonságai lehetővé teszik, hogy hozzon létre egy határ különböző határokat, mind az egyes sejtek, valamint a külső, körül az egész táblát.

Lássuk, hogyan kell használni a CSS létrehozni a belső és külső határainak az asztalra.
Ehhez eltávolítjuk a table border tulajdonság, és adjunk hozzá stílusok:

Tehát adni csak a külső határokon a kék tábla.

Az eredmény a böngészőben:

Most egy olyan keretet, és minden cellában. Egyszerűen kiegészítésére stílusok:

Az eredmény a böngészőben:

Hogyan lehet eltávolítani a padding a sejtek közötti egy HTML táblázat

Egyetértenek abban, hogy a határ által meghatározott CSS segítségével, nem a megjelenés, mint szeretnénk. Kétségtelen, hogy az esztétika, van tennivalójuk. Látható a böngésző oldalon, alapértelmezés szerint megjeleníti a határokat a táblázatok és sejtek külön-külön. Egy példa erre egyértelműen bizonyított.

Azonban éppen ilyen határokat, amelyeket a továbbiakban kettős, lehetséges, hogy megszabaduljon, ha használja a CSS-tulajdonság border-összeomlás. A gyakorlatban ez úgy néz ki, mint ez:

Ennek eredményeként - a távolság a sejtek eltávolítása:

Jelentése az összeomlás, a kijelölt attribútum határ, lehetővé teszi, hogy távolítsa el a kettős keretben. Mint látható, az eredmény egy „összeomlását” cellaszegélyek, a közelben található, valamint a keret a sejtek és a külső keret az asztalra. Ami az utóbbi, akkor lehet távolítani teljesen. És ha szükség van, hogy megjelenjen az szükséges, hogy növeljék a szélessége. Tehát megszabadult az elválasztó a táblázatban. A következő leckében fogunk beszélni, hogyan adhatja meg a vízszintes és függőleges határait. Sok szerencsét!

Kapcsolódó cikkek