HTML表格脚注的背景颜色

51次阅读
没有评论

HTML表格脚注的背景颜色可以使用CSS的background-color属性来设置。可以将该属性设置为不同的颜色值,以更改脚注的背景颜色。

以下是一个示例HTML页面,其中包含一个带有表格脚注的表格,并将脚注的背景颜色设置为灰色:

<!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 black;
            padding: 10px;
            text-align: left;
        }

        caption {
            caption-side: bottom;
            font-style: italic;
            font-size: 16px;
            padding-top: 10px;
            background-color: #ccc;
        }
    </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>元素的background-color属性被设置为#ccc,以将脚注的背景颜色设置为灰色。可以根据需要将该属性设置为不同的颜色值以改变脚注的背景颜色。

正文完
 
评论(没有评论)