Tôi muốn đặt hai bảng (trên cùng một trang) sẽ hiển thị khác nhau (tức là sử dụng CSS khác nhau cho mỗi bảng). Có thể không?HTML: cách tạo 2 bảng với CSS khác nhau
16
A
Trả lời
48
Trong html của bạn
<table class="table1">
<tr>
<td>
...
</table>
<table class="table2">
<tr>
<td>
...
</table>
Trong css của bạn:
table.table1 {...}
table.table1 tr {...}
table.table1 td {...}
table.table2 {...}
table.table2 tr {...}
table.table2 td {...}
+0
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_border như mã này tôi tạo hai bảng nhưng tôi muốn đặt phong cách khác nhau cho bảng khác nhau, u có thể cho tôi biết làm thế nào? – Meghna
3
<table id="table1"></table>
<table id="table2"></table>
hoặc
<table class="table1"></table>
<table class="table2"></table>
5
Tất nhiên, chỉ cần gán lớp css riêng biệt cho cả hai bảng.
<table class="style1"></table>
<table class="style2"></table>
.css
table.style1 { //your css here}
table.style2 { //your css here}
3
Tất nhiên là nó!
Cung cấp cho họ cả một id
và thiết lập CSS cho phù hợp:
#table1
{
CSS for table1
}
#table2
{
CSS for table2
}
6
Bạn cần phải gán các lớp học khác nhau cho mỗi bảng.
Tạo lớp học bằng CSS có dấu chấm '.' toán tử và viết các thuộc tính của bạn bên trong mỗi lớp. Ví dụ:
.table1 {
//some properties
}
.table2 {
//Some other properties
}
và sử dụng chúng trong mã html của bạn.
Gán lớp CSS khác nhau cho mỗi? – trojanfoe