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

html-css07

用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设置字体的大小,我们首先想到的就应该是:font-size

1.设置表格整体字体大小可以使用(具体字体大小,可以自己选择):table{font-size:12px}

2.设置某个单元格的大小,把所需要设置大小的那个单元格设置一个类名,如:<td class="t_fontSize"></td> 这样设置就可以使用.t_fontSize{font-size:13px}

注意:有可能你按照上面设置了单元格的字体大小了,但是没有在界面上显示出来(是因为有的样式,覆盖了你刚刚设置的样式。),这是你需要加上"!important",如:.t_fontSize{font-size:13px!important} 这样设置就可以显示出来了。

放屁,自己写的也变成抄袭了,去你妈的百度!!!

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

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