Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何用填充颜色覆盖html td?_Html_Css_Html Table - Fatal编程技术网

如何用填充颜色覆盖html td?

如何用填充颜色覆盖html td?,html,css,html-table,Html,Css,Html Table,我想用全黄色背景制作d单元 我该怎么做 我的目标是outlook显示中的html 更新1:事实上,我正在使用agility html pack在运行时更改单元格d,并且表的格式已经很好,出于某些原因,我只希望在最后一步更改单元格d,因此,我希望使用div插入黄色bg,而不更改它的父td类 最终解决方案: 第1列 第2列 A. B C D .XXX表格{ 边界:0px; 边界塌陷:塌陷; 填充:0px; } .XXX tr.header td{ 字体系列:Arial、Helvetica、无衬线

我想用全黄色背景制作d单元

我该怎么做

我的目标是outlook显示中的html

更新1:事实上,我正在使用agility html pack在运行时更改单元格d,并且表的格式已经很好,出于某些原因,我只希望在最后一步更改单元格d,因此,我希望使用div插入黄色bg,而不更改它的父td类

最终解决方案:


第1列
第2列
A.
B
C
D
.XXX表格{
边界:0px;
边界塌陷:塌陷;
填充:0px;
}
.XXX tr.header td{
字体系列:Arial、Helvetica、无衬线字体;
字体大小:10.0pt;
字体大小:粗体;
边框:1px实心#C0C0;
颜色:#FFFFFF;
背景色:#4F81BD;
边界塌陷:塌陷;
填充物:5px;
}
.XXX tr.d0 td{
字体系列:Arial、Helvetica、无衬线字体;
字体大小:10.0pt;
背景色:#E1EEF4;
边框:1px实心#C0C0;
填充物:5px;
空白:nowrap;
}
.XXX tr.d1 td{
字体系列:Arial、Helvetica、无衬线字体;
字体大小:10.0pt;
背景色:#FFFFFF;
边框:1px实心#C0C0;
填充物:5px;
空白:nowrap;
}
.XXX特殊类{
背景颜色:黄色;
}

尝试应用
背景色:黄色编码为父td或从td单元格中删除填充,并将该填充赋予子div

您可以将该类放在该单元格上:

<td class="special_class">
  <div> d </div>
</td>

演示:

您只需将类指定给
td
的子元素,而不是指定要更改的
td
的背景色:

<td class="special_class">

伙计,请检查这个-


非常感谢。但我无法改变td类的父级。有机会使用div吗?但是你的答案必须对其他可以更改@DayDayHappy的人有所帮助:然后你需要删除单元格上的填充,并在所有可以添加填充的单元格中放置元素。当单元格没有填充时,单元格内的div可以填充单元格。实际上它不起作用,因为它只会添加更多填充。无论如何,谢谢你。
.XXX tr.d0 td.special_class {
    background-color:yellow;
}
<td class="special_class">
.XXX div.special_class {
  background-color:yellow;
  padding: 5px;
  margin: -5px;
}