gpt4 book ai didi

html - 制作一个单独的无边框表格类

转载 作者:行者123 更新时间:2023-11-28 04:28:01 26 4
gpt4 key购买 nike

我在一个内容很多的网站上工作,我有一些表格在 CSS 中的样式如下:

table {
color: #000000;
font-size: 12px;
line-height: 17px;
width: 75%;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-spacing: 2px;
display: table;
border-collapse: separate;
border-color: grey;
}

现在,我正在尝试制作一些完全没有边框的表格(因此它们只是用于格式化)。但我做不到。

我试过在 css 中创建这样的新类:

table.noborder td th {border:0;}

但是当我和类(class)一起做一张 table 时,它就不起作用了。

我正在使用 Wordpress,会不会是有冲突的 css 之类的?我只是不明白。我需要一种方法来执行此操作,而不必更改我网站上的所有表格,因为这会带来很多工作。

最佳答案

没有人会杀了你。

看来,您需要先检查您的 HTML 标记。如果在 TD 标签中有 TH 标签,那就有问题了。也就是说,您的风格在寻找什么。

TH 用于勾勒表头单元格,TD 用于普通单元格。目前,您的样式仅适用于放置在 TD 标签中的 TH 标签。这永远行不通。

您必须分别对待您的 TD 和 TH。因此,您的 CSS 应如下所示:

table.noborder th, table.noborder td {border:0;}

不要忘记将 noborder-class 分配给您的 HTML 表格。您还可以缩短样式表:

border: <width> <style> <color>;

最好的问候,黑子

关于html - 制作一个单独的无边框表格类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41872043/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com