幫我用純 CSS + HTML 寫一個漂亮的表格可以支援 RWD，使行動裝置可以用橫軸左右滑動查看表格內容，標題由左方換到上方

萌芽站長

以下是一個使用純CSS和HTML的表格，支援RWD，並在行動裝置上將標題移到上方，允許左右滑動查看內容。

<!DOCTYPE html>
<html lang="zh-TW">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }

        th, td {
            border: 1px solid #000;
            padding: 8px;
            text-align: center;
        }

        th {
            background-color: #f2f2f2;
        }

        /* 在小型屏幕上將標題移到上方 */
        @media screen and (max-width: 600px) {
            table, thead, tbody, th, td, tr {
                display: block;
            }

            thead {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            tr {
                margin: 0 0 1rem 0;
            }

            td {
                /* 調整內容的間距和對齊方式 */
                padding: 4px;
                text-align: left;
            }

            /* 使用標題的偽元素生成內容標籤 */
            td:before {
                content: attr(data-label);
                font-weight: bold;
            }
        }
    </style>
</head>
<body>
    <table>
        <thead>
            <tr>
                <th>標題 1</th>
                <th>標題 2</th>
                <th>標題 3</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td data-label="標題 1">內容 1-1</td>
                <td data-label="標題 2">內容 2-1</td>
                <td data-label="標題 3">內容 3-1</td>
            </tr>
            <tr>
                <td data-label="標題 1">內容 1-2</td>
                <td data-label="標題 2">內容 2-2</td>
                <td data-label="標題 3">內容 3-2</td>
            </tr>
            <tr>
                <td data-label="標題 1">內容 1-3</td>
                <td data-label="標題 2">內容 2-3</td>
                <td data-label="標題 3">內容 3-3</td>
            </tr>
        </tbody>
    </table>
</body>
</html>

這個表格在小型螢幕上將標題移到上方，並使用偽元素生成內容標籤，允許左右滑動查看表格內容。請在HTML文件中使用此代碼，並根據需要進行樣式調整。