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