Alapértelmezésben egy asztal egy weboldal jelenik meg keret nélkül, hogy a keretet az asztalra, valamint az összes többi elemet, a CSS border tulajdonság. De meg kell fizetnie a figyelmet arra, hogy ha a keretet csak az elem
, meg fog jelenni körül az egész táblát. Táblázatcellákra azonos keret, akkor be kell állítani a border tulajdonság az elem | és | .
Most az asztalra, és a sejtek egy keret, és ugyanabban az időben minden egyes cella és az asztal saját keretet. Ennek eredményeként, a keretek között megjelent üres helyet, hogy ellenőrizzék a mérete a tér lehetővé teszi border-térköz tulajdonság. amely adott teljes egészében a teljes táblázat. Más szóval, nem tudja ellenőrizni a rések között a különböző sejtek külön-külön.
Még ha eltávolítja az a sejt közötti teret használja a 0 értéket tulajdonságok border-távolság, a sejt keret érintkezésbe kerül, megduplázva egymással. Egyesítéséhez sejtek keretek használt ingatlanok border-összeomlás. Meg lehet venni a két érték:
- külön: az alapértelmezett érték. A sejteket jelennek meg egy kis távolságra egymástól, minden egyes sejt saját határon.
- összeomlás: csatlakozik a szomszédos kereteket egymással egy, a terek között sejtek és a sejtek közötti, valamint a keret a táblázat figyelmen kívül hagyja.
Próbálja ki most »
mérettáblázatában
Miután keretek hozzáadása a táblázat celláinak, nyilvánvalóvá vált, hogy a tartalma a sejtek túl közel van a széle. Ahhoz, hogy hozzá egy szóközt a széleit a cellákat és azok tartalmát, használja az ingatlant padding:
A méret a táblázat függ a tartalom, de vannak olyan alkalmak, amikor a tábla túl szűk és szükség van, hogy nyúlik. Szélessége és magassága a táblázat segítségével módosíthatók a szélesség és magasság. hogy a megfelelő méretű, vagy maga a táblázat vagy sejtek:
szöveg igazítás
Az alapértelmezett szöveg a fejléc táblázatcellákat igazodik a központ, és a normális sejtekben igazodik a bal oldalon, a text-align tulajdonság lehet szabályozni az összehangolás szöveget vízszintesen.
CSS vertical-align tulajdonság lehetővé teszi, hogy ellenőrizzék a nyomvonal a szöveget függőlegesen tartalmat. Alapértelmezésben a szöveg függőlegesen a sejt közepébe. Függőleges igazítás felülírható segítségével az egyik tulajdonság értékek vertical-align:
- top: a szöveg igazítását a felső határ a cella
- középen: hozzáigazítja a szöveg közepén (ez az alapértelmezett)
- alsó: a szöveg igazítani az alsó határa a cella
Próbálja ki most »
Váltakozó sorok háttérszíne asztal
Adjuk hozzá a class attribútum minden második vonal elég nehéz feladatot. A CSS3 került a pszeudo-osztály: n-ed gyermek. amely lehetővé teszi, hogy megoldja ezt a problémát egy alternatív útvonalat. Most összesoroló hatás csak akkor érhető el a CSS anélkül, hogy változtatni a HTML dokumentumnak jelölést. A pszeudo-osztály: n-ed gyermek kiválaszthatja az összes páros vagy páratlan a táblázat sorai egyikének segítségével a kulcsszavakat: még (igaz) vagy páratlan (páros):
Változó sorok háttere hover
Egy másik módja, hogy javítsa az olvashatóság a táblázat adatai változtatni a háttér színét a sort, ha fölé viszi azt az egérmutatót. Ez segít, hogy kiemelje a kívánt tartalmat az asztalra, és növeli a vizuális érzékelés adatokat.
Megvalósítása ez a hatás nagyon egyszerű, csak kell hozzá egy pszeudo-osztály: lebeg a választó sorban az asztalra, és állítsa be a kívánt háttérszín
Kapcsolódó cikkek
|