HTML修改表格脚注的字体大小

82次阅读
没有评论

HTML表格脚注的字体大小可以使用CSS的font-size属性来设置。可以将该属性设置为不同的单位(例如像素、百分比等)和大小值,以更改字体大小。

以下是一个示例HTML页面,其中包含一个带有表格脚注的表格,并将脚注文本的字体大小设置为16像素:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Table Caption Example</title>
    <style type="text/css">
        table {
            border-collapse: collapse;
            width: 100%;
        }

        th, td {
            border: 1px solid red;
            padding: 10px;
            text-align: left;
        }

        caption {
            caption-side: bottom;
            font-style: italic;
            font-size: 16px;
            padding-top: 10px;
        }
    </style>
</head>
<body>
<table>
    <caption>My Table Caption</caption>
    <thead>
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
        <th>Header 3</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>Row 1, Cell 1</td>
        <td>Row 1, Cell 2</td>
        <td>Row 1, Cell 3</td>
    </tr>
    <tr>
        <td>Row 2, Cell 1</td>
        <td>Row 2, Cell 2</td>
        <td>Row 2, Cell 3</td>
    </tr>
    </tbody>
</table>
</body>
</html>

在上述示例中,<caption>元素的font-size属性被设置为16px,以将脚注文本的字体大小设置为16像素。可以根据需要将该属性设置为不同的大小值和单位以改变字体大小。

正文完
 
评论(没有评论)