CSS セレクタをtable tdでテーブルのセル内の文字を中央寄せにする

2023年3月27日

環境
Google Chrome　111.0.5563.111（Official Build）（64 ビット）
Windows 10 Home 64bit

書式
table td {CSSコード}
テーブルのセル(td)内の指定は、セレクタをtable tdにします。

使用例

<!DOCTYPE html>
<html>
<head>
<style>
    table td {
        text-align:center;
        border: 2px solid;
        width: 100px;
        background:skyblue;
        width:120px;
    }
    table {
        border-collapse: collapse;
    }
</style>
</head>
<body>

<table>
    <tbody>
        <tr>
            <td>tokyo</td>
            <td>oosaka</td>
            <td>fukuoka</td>
        </tr>
    </tbody>
</table>

</body>
</html>

結果
テーブルのセル(td)内の文字を中央寄せにします。

CSS

Posted by arkgame