用CSS可以改变table中的字体颜色吗

html-css013

用CSS可以改变table中的字体颜色吗,第1张

用css可以改变table中的字体颜色，用到的工具，notepad++,示例代码如下：

用css控制table中字体的颜色，代码如下：

<style>

.color{color:#ff0000}

</style>

<table><tr><td class="color">请用css给我着色红色</td></tr></table>

运行效果图：

注意事项：table的td本身就支持颜色简单属性。

CSS设置表格字体的大小，直接定义table

td就可以。

td{font-size:12px}

如果有多个表格，需要分别定义，可以给每个表格添加不同的class。

例子：

这是表格一

这是表格二

相应的css为：

.a

td{font-size:12px}

//表格1的字体是12px

.b

td{font-size:14px}//表格2的字体是14px

除了定义字体大小外，还可以定义其他CSS样式，非常的方便。

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <table style="color:red">

        <tr>

            <td>abc</td>

            <td>abc</td>

            <td>abc</td>

        </tr>

        <tr>

            <td>abc</td>

            <td>abc</td>

            <td>abc</td>

        </tr>

        <tr>

            <td>abc</td>

            <td>abc</td>

            <td>abc</td>

        </tr>

    </table>

</body>

</html>

写法没问题，你再检查下。浏览器中调试一下，定位到表格，看看样式有没有被应用上。