Metoda unu
Folosim atributul spațiale de celule. crearea unui cadru transparent între toate celulele din tabel. Trebuie doar să-l picteze într-o anumită culoare, dar se poate face cu tabelul tag-ul bgcolor proprietate și TD:
Cu toate acestea, codul nu devine greoi, așa că e pe drum ...
Metoda a doua
Podsmotrena idee sursa Lebedev Studio și nu este fundamental diferită de cea anterioară: sursă completă este inclusă în tabelul de exterior, pentru care și prescrie bgcolor dreapta.
Codul este mult mai bun, lăudez programatorii de la Studio Lebedev. Dar această metodă nu este lipsită de dezavantaje: încercați să imprimați o astfel de masă pe imprimantă. Sa dovedit? Broaște, deoarece Internet Explorer nu imprimă în mod implicit culori și fundaluri.
"Înainte de a imprima această pagină, accesați meniul Instrumente. selectați Opțiuni Internet, faceți clic pe fila Complex și în secțiunea Imprimare selectați marcajul de marcare Imprimați culorile și imaginile de fundal. Mulțumesc. " Destul de raving, mai bine ne plecăm la picioarele CSS:
Metoda trei
Într-adevăr, ce ne împiedică să specificăm o proprietate de frontieră pentru fiecare celulă?
limita td: solid negru 1px
>
Și apoi, draga mea, astfel încât contactul între celulele din loc în cadru se va transforma doi pixeli grosime. Conform specificațiilor. această problemă ar trebui rezolvată de proprietatea de colaps de frontieră cu valoarea de colaps. În acest caz, granițele învecinate trebuie să "se înghită" reciproc. Să lăsăm această fericire nepoților noștri, pentru că în prezent niciun browser nu acceptă această proprietate. Aceasta presupune ...
Metoda Patru
Din punct de vedere științific, aceasta se numește diviziunea muncii:
table.border border-color: negru;
stilul frontal: solid;
lățimea graniței: 0 1px 1px 0
>
table.border td, table.border marginea culorii: negru;
stilul frontal: solid;
latimea graniței: 1px 0 0 1px
>
Totul este simplu de rușine. Fiecare celulă este responsabilă numai pentru cadrele de sus și de stânga. Rămâne doar să terminați cadrele lungi drepte și inferioare. Aceasta este atribuită proprietății de frontieră a mesei în sine.
table.border td, tabelul de frontieră: 1px solid # CC0000
>
Ați apărut articole despre dezvoltarea site-ului web
Trimiteți-le prietenilor: