Hûn di pênc deqîqeyan de çawa sînorê sernavê CSS çêbikin
Hûn dikarin bihîstin ku tabloyên CSS û HTML jî nake. Ev yek ne rast e. Erê, tîpanên HTML-ê ji bo nimûneya çêkirina malpera herî baş e, ku bi şêweyên CSS veguherîn veguherîn e, lê tables hêsantir rast e ku bi karanîna daneyên tabloyê ve girêdayî webpage.
Mixabin, ji ber ku gelek pisporên pisporên tehlên xwe difikirin ku ew jehrê ye, gelek ji wan pisporan tecrûbeya HTML-ê û têkoşîna hevpeyman a ku hûn li ser malpera xwe bigirin. Ji bo nimûne, heke we li ser pirtûkek heye heye û hûn dixwazin ku pergalên navxweyî li ser hucreyên tehlikê zêde bikin.
Sernavên CSS
Dema ku hûn CSS-ê bikar bînin sînorên ku li ser sifrê, lê li dora derveyî maseyê zêde dikin. Heke hûn dixwazin bendên navxweyî li ser maseya sîgorteyê zêde bikin, divê hûn bi sînorên CSS-ê yên hundur ên hundur zêde bikin. Hûn dikarin li ser hucreyên kesan ên ku di nav rêzên kesan de zêde bikin.
Ji bo ku hûn li ser vê gotarê binivîse, divê hûn li ser rûpelê malpera xwe li ser malperê heye. Hûn divê hûn pirtûka şêweyek şêweya şêweya navxweyî ya li ser belgeya belgeya xwe ya we (çêbibin tenê hûn vê yekê eger ev "malper" peldankek yekane ye) an jî belge wekî şêweya derve ya ve girêdayî ye (ev e ku hûn heger hûn malperê çend rûpelan binivîsin - hûn ê ku hûn hemî rûpelan ji çarçoveyek xerîb bikin.) Hûn dê şêweyên xwe bidin nav rêzên navxweyî yên hundurê navnîşan de.
Beriya Berî Destpêk
Pêşî hûn hewce ne ku hûn biryarên ku hûn dixwazin ku li ser sifrê rûniştin bibînin. Hûn çend bijartan hene, di nav de:
- Li dora hemî hucreyên ku girek çêbikin;
- Positioning di nav rêzên tenê de,
- Tenê di navbera rêzan de; an
- Di navbera blovên taybet de an rêzan.
Hûn dikarin li ser hucreyên li derdorê derveyî kesan an jî hucreyên takekesî bikin.
Çawa Destûra Lines Bi Tevahiya Cîhanên Di Tevlîheviyê de Di bin
Ji bo tevahiya hucreyan li ser maseya we, bi bandora grid-ê çêbikin, li ser pirtûka xwe ya xwe binivîse:
td, th {
border: solid 1px black;
}
Çawa Di Çarçoveya Sersalê de Di Navnîşan de Nêzikên Girêdanan zêde bike
Ji bo pevçûnan di navnîşanan de zêde bike (ev pergalên vertical ên ku ji top û jêrîn li ser sifrê rûniştin) çêbikin, pirtûka li ser şêweya te ya xwe zêde bike:
td, th {
sînor-çep: black 1px black;
}
Hingê, eger hûn naxwazin wan li ser dora yekem de berbiçav, hûn ê hewce nebin ku dersek bi hucreyên tah û td . Di vê nimûneyê de, em bawer dikin ku me li ser hucreyên ne-sînor heye û em bi sînorê CSS-ê re bêtir taybetmendiyê veguherînin. Bi vî awayî klasa HTML ye ku em ê bikar bînin:
class = "no-border">
Û paşê jî em dikarin şêweya jêrîn bi şêweya şêweya me re zêde bikin:
.no-border {
sînor-çep: none;
}
Çawa Di Rêzanek Li Rêzên Jinên Rûsyayê Di Navnîşan de
Ji ber ku di navbera klavyeyên nû de, hûn dikarin bi şêweyeke yeksan re bi vê şêweyê xwe re zêde bikin. Sîstema jêrîn dê di nav her teylên me ya sîteyê de rêzikên vertical zêde bikin:
tr {
border-bottom: solid 1px black;
}
Û ji bo sînorê ji binê sifrê ve bikişîne, hûn ê dîsa careke kategoriya wê ya tîgarê tarî bikin:
class = "no-border">
Bi şêweya jêrîn bi pelikê xwe re binivîse:
.no-border {
border-bottom: none;
}
Çawa Peldanka Girêdanê Between Columns or Rows Di Tabanek de
Heke hûn tenê di nav rêzên rêzikên an klavyeyên taybetî de dixwazin, hûn hewce ne ku hûn li ser hucreyan an jî pîvanan bikar bînin. Di rêzê de di navbera klavyeyên din de ji navbera rêzikên hinekî zehmet e ku ji bo ku hûn dixwazin ku li seranserê her hucreyê li dora her hucre zêde bikin. Heke ku tehfeya xwe ji CMS ji hinek cûda ve tête çêkirin , ev dibe ku nebe, lê heger hûn rûpela kodê bi dest in, hûn dikarin hewceyên bêkêmasî yên ku ji bo vê bandora wergirtina wergirtin çêtir bikin.
class = "side-border">
Girêdanên di navbera rêzikan de pir hêsantir e, wekî ku hûn tenê li dora ku hûn li ser rêzê bixwazin çîna zêde bikin.
class = "border-bottom">
Piştre CSS ji pelê xwe ya xwe zêde bike:
.border-side {
sînor-çep: black 1px black;
}
.border-bottom {
border-bottom: solid 1px black;
}
Çawa Destûra Girêdanên Çep Di Indeksa Kesan de Di binê de
Ji bo hucreyên kesek kesan zêde bikin, hûn klasek ku hûn dixwazin li dora sînorê dixwazin zêde bikin:
class = "sînor">
Û paşê CSS-ê li ser pirtûka xwe ya te zêde bike:
.border {
border: solid 1px black;
}
Di binivîsin deverên şexsî li hundir Lines çawa binivîsin
Heke hûn dixwazin li hundurên naveroka hucreyê zêde bikin, rêbazek herî çêtir e ku ev e-tagê qaîdeya horizontal (
) ye.
Tiştên Bikaranîna Bikaranîna
Heke hûn di nav sînorên xwe de hişyar bikin, divê hûn bisekinin ku çiqa sînor a sînor li ser sifrê rûniştin. Pirtûka li ser pirtûka xwe ya xwe hilbijêre:
tabloya {
border-collapse: collapse;
}
Hûn dikarin hemî rûpela jorîn biparêzin û di binê tabloyê de sînorê taybet bikar bînin. Bi rastî, lêbelê, ku taybetmendî, nayê şaş kirin, ji hêla CSS-ê ve kêmtir eşkere ye, ji ber ku hûn tenê tenê çarçoveya sînor diyar bike û tenê li her cûrbecî li ser tûr an jî ne.