Home » » Table: Html Code with background image

Table: Html Code with background image

Source CodeResult


Thay đổi các giá trị, bấm Refresh để xem kết quả.
Code của  demo trên:
Html
<style type="text/css">
.yourtab {
    width: 560px;
    background: #ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-BgEpt6Ik5GHbijeGqFly6OSiia0bl_t4bwtdeW7t2g7UAVule8kzG_SXygdLhSOKJ7mUmbUEK6-ofA5pPsH2aQtTarqMfx7HcZcp0GzS75yNxVs8iSvGhSAW_Hpgj2jz21kbYfawvOg/s1600/-04.jpg) repeat;
    border-collapse: collapse;
}
.yourtab td,
.yourtab th {
    border: 2px solid white;
    padding: 5px;
}
</style>
<!-- Đặt Css phía trên vào trong cặp thẻ: <head></head>-->
<table class="yourtab">
    <tr>
        <th>Table header</th>
        <th>Table header</th>
        <!--Thêm cột cho Table-->
    </tr>
    <tr>
        <td>Table cell 1</td>
        <td>Table cell 2</td>
        <!--Thêm dòng cho cột mới-->
    </tr>
    <tr>
        <td>Table cell 3</td>
        <td>Table cell 4</td>
    </tr>
    <tr>
        <td>Table cell 5</td>
        <td>Table cell 6</td>
        <!--Thêm dòng cho Table-->
    </tr>
</table>

Bạn có thể test thử trên Test Html Editor và Choose color..
Link to this page:

0 nhận xét:

Đăng nhận xét



Thanks for following my blog

Bạn có thể chèn trực tiếp một số thẻ HTML đưa vào comment như:
Chữ in đậm : <b> Nội_dung_chữ_in_đậm </b>
  Chữ in nghiêng : <i> Nội_dung_chữ_in_nghiêng </i>
Chèn code : <i rel='pre'> Nội_dung_code_đã_mã_hóa </i>
  Chèn link liên kết : <a href = ' Link '> Tên_link </a>
Dùng link ảnh chèn trực tiếp vào comment
  Don't spam link here. Pls

Mã Hóa

Ngày

 
Support : Hổ trợ | Your Link | Your Link
Copyright © 2013. ProShow Producer - All Rights Reserved
Template Created by Creating Website Published byMas Template
Proudly powered by Blogger