【網頁切版】我不是很會用的表格table

• table>tr（感覺沒啥用的標籤）>th（標題） or td（內容）
• 一定要先table css 給 reset

table {
    border-collapse: collapse; //border崩解
    border-spacing: 0;   //
}

  <table>
            <tr>
                <th>1</th>
                <th>2</th>
                <th>3</th>
                <th>4</th>
            </tr>
            <tr>
                <td>main</td>
                <td>main</td>
                <td>main</td>
                <td>main</td>
            </tr>
            <tr>
                <td>main</td>
                <td>main</td>
                <td>main</td>
                <td>main</td>
            </tr>
            <tr>
                <td>main</td>
                <td>main</td>
                <td>main</td>
                <td>main</td>
            </tr>
        </table>

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    padding: 10px 30px;
    background: rgba(124, 124, 124, 0.4);
}

td {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 30px 30px;
}

​