gpt4 book ai didi

html - 应用表格单元格边框

转载 作者:技术小花猫 更新时间:2023-10-29 11:55:07 27 4
gpt4 key购买 nike

我有一个带有“productsTable”类的 HTML 表格。我想给表格中的每个单元格一个边框。现在我在我的样式表中尝试了以下内容,但是这两个都不起作用。我究竟做错了什么?谢谢你

td.productsTable
{
border: 1px dotted #999999;
}

.productsTable td
{
border: 1px dotted #999999;
}

HTML:

<table class="productsTable" width="100%" height="100%" cellspacing="2px;">
<tr>
<td width="40%">We Offer:</td>
<td class="ephoneFree tableHeader" width="20%" align="center">e-phone FREE</td>
<td class="personal tableHeader" width="20%" align="center">Personal</td>
<td class="PBX tableHeader" width="20%" align="center">Pro PBX</td>
</tr>
<tr>
<td width="40%">Pricing</td>
<td width="20%" align="center">FREE</td>
<td width="20%" align="center">£3 per month</td>
<td width="20%" align="center">From £5 per month</td>
</tr>
</table>

最佳答案

td.productsTable 不会工作 因为你没有 <td>带有 productsTable 的元素类。

但是,您的第二个 CSS 规则 .productsTable td , 这会起作用 因为你有 <td>具有类 productsTable 的父元素的元素.

我已经快速摆弄了一下,您可以看到它正常工作:

td {
border: 1px dotted #999;
}
<table width="100%" height="100%" cellspacing="2px;">
<tr>
<td width="40%">We Offer:</td>
<td width="20%" align="center">e-phone FREE</td>
<td width="20%" align="center">Personal</td>
<td width="20%" align="center">Pro PBX</td>
</tr>
<tr>
<td width="40%">Pricing</td>
<td width="20%" align="center">FREE</td>
<td width="20%" align="center">£3 per month</td>
<td width="20%" align="center">From £5 per month</td>
</tr>
</table>

如果这对您不起作用,可能是您没有正确链接您的 CSS 文件,或者有另一个 CSS 规则覆盖了它。尝试 inspecting element看看。

关于html - 应用表格单元格边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10783491/

27 4 0
文章推荐: jQuery:在页面加载时隐藏图片
文章推荐: JQuery 进度条 - 添加文本和更改背景颜色
文章推荐: css - 如何制作具有圆 Angular 和背景颜色的 Div?
文章推荐: html - 如何使用 CSS 折叠一组
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com