css如何隐藏表格(2)-木庄网络博客

2022-03-17 23:20:21 PHP中文网 JavaScript 百度已收录

在test.html文件内，设置第二行的id属性为mytarget，下面使用css将它隐藏。

<body>
    <table border="1">
        <tr>
            <td>19999</td>
            <td>19999</td>
        </tr>
        <tr id="mytarget">
            <td>19999</td>
            <td>19999</td>
        </tr>
        <tr>
            <td>19999</td>
            <td>19999</td>
        </tr>
    </table>
</body>

在css标签内，通过table设置表格的宽度为280px，高度为180px。通过id设置表格第二行的样式，将display属性设置为none，实现将它隐藏。

<style>
table{
    width: 280px;
    height: 180px;
}
#mytarget{
    display:none;
}
</style>

在浏览器打开test.html文件，查看实现的效果。

$WBQO({G[%7}@D_(RL)7)8AC.png$

推荐学习：css视频教程

以上就是css如何隐藏表格的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » css如何隐藏表格

css如何隐藏表格

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论