TABLE tabelite kasutamisel puutuvad algajad HTML-i tootmises aru, kuidas muuta servapaksust, sest vaikimisi TABLE servaseade on väga paks isegi kui see on 1px. Seetõttu on olemas ka teisi meetodeid õhukeste joonte loomiseks ning siin on CSS-i kasutamine õhukeste joonte rakendamiseks, mis on väga tõhus ja ühilduv kõigi brauseritega.
Kui seadistad lihtsalt piiri õhukese joone tabeli jaoks, on keeruline veenduda, et brauser on ühilduv. Levinud praktika on kasutada CSS2 "border-collapse:collapse" meetodit; atribuudi ühendamise tabeli ääred; Ja sea vasaku ja ülemise serva tabelielementidele ning parem ja alumine äär th ja td elementidele.
HTML:
<table> <tr> <th>Tabelipea (rida1, kol1)</th> <th>laua pea (rida1, kolon2)</th> <th>tabelipea (rida1, kolonn3)</th> </tr> <tr> <td>tabeli andmed (rida1, kolon1)</td> <td>Tabeliandmed (rida1, kol2)</td> <td>tabeliandmed (rida1, kol3)</td> </tr> <tr> <td>tabeliandmed (rida2, kol1)</td> <td>tabeliandmed (rida2, kolon2)</td> <td>Tabeliandmed (rida 2, kolond 3)</td> </tr>
CSS</table>:
table{border-collapse:collapse; piiride: 0; serv vasakul: 1PX tahke #888; ääre-ülemine: 1PX tahke #888; Taust:#efefef; }
th,td{border-right:1px tahke #888; ääre-põhi:1px tahke #888; pehmendus: 5px 15px; }
th{font-weight:bold; Taust:#ccc; } |
Postitatud 18.04.2015 22:19:21
|
|
|
|
Postitatud 15.07.2015 01:06:57
|
Üürileandja|
Postitatud 11.03.2021 10:51:40
|
Vaata tuge
