Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.

  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Code để tô màu xen kẽ giữa các dòng trong 1 Bảng

Chủ đề thuộc danh mục 'HTML - CSS - JS - PHP - ASP' được đăng bởi anhtuan1006, 2/7/16.

Lượt xem: 12,785

  1. anhtuan1006 Thành viên cấp 2

    Chào mọi người, hiện tại mình tạo một bảng gồm 20 dòng và 3 cột. Giờ mình muốn tô màu xen kẽ giữa các dòng( các dòng 1,3,5...19 thì sẽ được tô màu; còn các dòng chẵn: 2,4..20 thì để trắng) mình chỉ biết làm bằng cách thủ công là dùng thuộc tính bgcolor cho các dòng cần tô nhưng làm vậy thì quá lâu. Vậy nhờ các bạn chỉ giúp mình cách làm hợp lý nhé.

    Mình xin cản ơn !

    ...

    Xem thêm các chủ đề cùng chuyên mục

    Facebook Group Việt Designer
    Tham gia nhóm
    Facebook Fanpage Việt Designer
    Thích trang
    anhtuan1006, 2/7/16
    #1
  2. anhtuan1006

    anhtuan1006 Thành viên cấp 2

    các bạn ơi , xin giúp đỡ mình với
    anhtuan1006, 2/7/16
    #2
  3. Tư Xả Láng

    Tư Xả Láng Thành viên cấp 2

    sh80kQU.png
    Code:
    <style type="text/css">
    table.table-style-three {
        font-family: verdana, arial, sans-serif;
        font-size: 11px;
        color: #333333;
        border-width: 1px;
        border-color: #3A3A3A;
        border-collapse: collapse;
    }
    table.table-style-three th {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #FFA6A6;
        background-color: #D56A6A;
        color: #ffffff;
    }
    table.table-style-three tr:hover td {
        cursor: pointer;
    }
    table.table-style-three tr:nth-child(even) td{
        background-color: #D56A6A;
    }
    table.table-style-three td {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #FFA6A6;
        background-color: #ffffff;
    }
</style>
<!-- Table goes in the document BODY -->
<table class="table-style-three">
    <thead>
    <tr>
        <th>TAB-1</th>
        <th>TAB-2</th>
        <th>TAB-3</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
        <tr>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
        <td>Code để tô màu xen kẽ giữa các dòng trong 1 bảng</td>
    </tr>
    </tbody>
</table>
    Tư Xả Láng, 3/7/16
    #3
    Phạm Hữu Dư và anhtuan1006 thích bài viết này.
  4. anhtuan1006

    anhtuan1006 Thành viên cấp 2

    anhtuan1006, 3/7/16
    #4

Ủng hộ diễn đàn