通过css样式改变table的特定行或列

最新推荐文章于 2024-05-22 00:30:00 发布

依然泛特西

最新推荐文章于 2024-05-22 00:30:00 发布

阅读量6.2k

点赞数 2

分类专栏：工作

本文链接：https://blog.csdn.net/weixin_39823527/article/details/80521820

版权

工作专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
    //改变第一行
     table tr:first-child{
           color: #00bbee;
       }
    //改变第一列
     table tr td:first-child {
           color: #00ee00;
       }

    </style>
</head>
<body>
    <table border="1">
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
    </table>
</body>
</html>

依然泛特西

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
通过css样式改变table的特定行或列

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; //改变第一行 table tr:first-ch
复制链接

扫一扫

专栏目录