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>

<!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>

<!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

関連投稿: