每个单元格和表格周围的边框
斯瓦蒂
我的任务是维护别人的代码。在这个小提琴中，我从这个代码库中捕获了一个 html 文件的片段
https://jsfiddle.net/hqkw4x1s/
.lab {
HEIGHT: 18px; FONT-WEIGHT: normal; TEXT-ALIGN: left; PADDING-LEFT: 4px; PADDING-RIGHT: 3px; BACKGROUND-COLOR: #e6f6f6
}
.val {
PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; PADDING-RIGHT: 3px; BACKGROUND-COLOR: white
}<FORM>
<DIV>
<TABLE width="100%" bgColor=#cecece border=0 cellSpacing=1 cellPadding=0>
<TBODY>
<TR vAlign=middle>
<TD width="6%" class=lab>Country</TD>
<TD width="44%" class=val>
<INPUT name="A" id="A" type=checkbox CHECKED>
<LABEL for="A">A</LABEL>
<INPUT name="B" id="B" type=checkbox CHECKED>
<LABEL for="B">B</LABEL>
</TD>
<TD width="6%" class=lab>States</TD>
<TD width="44%" class=val>
<TABLE width="100%" border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD>
<SELECT>
<OPTION value="p" selected>P</OPTION>
<OPTION value="q">Q</OPTION>
<OPTION value="r">R</OPTION>
</SELECT>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR vAlign=middle>
<TD class=lab>Ownership</TD>
<TD class=val>
<TABLE width="100%" border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD><TEXTAREA style="WIDTH: 95%" rows=1 cols=20></TEXTAREA></TD>
<TD style="WIDTH: 75px; TEXT-ALIGN: left"><SPAN
style="BACKGROUND-COLOR: #f8f8f8"></SPAN>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD class=lab>Partnership</TD>
<TD class=val><INPUT type=text xHeight="32px"> </TD>
</TR>
<TR vAlign=middle>
<TD class=lab>Accounts Payable</TD>
<TD
style="PADDING-LEFT: 2px; PADDING-RIGHT: 3px; BACKGROUND-COLOR: white">
<INPUT type=text>
</TD>
<TD class=lab>Start Date</TD>
<TD class=val>
<INPUT type=text xHeight="32px">
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
</FORM>我无法理解的是每个单元格和表格周围的边框。无论是在 CSS 中，还是在 HTML 中，都没有对边框样式的任何引用，所以如何在每个单元格周围显示边框。
我也尝试使用开发人员工具。它向我展示了以下关于边框的 CSS 类。但它来自哪里？
穆罕默德·乔莱德
您必须决定是要内联样式还是使用 CSS。这将使更正和修复错误更容易。
好像不是边界。这是一种背景颜色。两种背景颜色之间的对比显示为边框。CSS 为每个单元格分配背景颜色。因此，单元格的外围将保持灰色，使其看起来像一个边框。
HTML 中的代码为表格提供了 bg 颜色，而 CSS 中的代码为单元格提供了 bg 颜色。每个单元格之间的小空间将显示表格 bg 颜色，该颜色接近灰色，导致查看者认为它是边框。
例如，通过从 CSS 中删除以下两行：
BACKGROUND-COLOR: #e6f6f6
BACKGROUND-COLOR: white
Table 标签中的这一行：
bgColor=#cecece
将呈现：
删除所有背景颜色后，根据需要将它们一一添加回来。还要注意我在其中一个中注意到的内联样式，spans例如：
<span style="BACKGROUND-COLOR: #f8f8f8" >
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
表格周围边框，但单元格周围
- 2
表格周围有边框，但没有单元格
- 3
打印时无法显示表格和单元格边框
- 4
如何从表格单元格中删除填充和边框？
- 5
表格单元格的边框颜色变化
- 6
表格单元格的边框颜色变化
- 7
有表格边框，但没有单元格边框
- 8
使表格单元格的边框为表格宽度的100％
- 9
使表格单元格的边框为表格宽度的100％
- 10
添加表格，tr和单元格不同的特定边框样式和间距
- 11
当表格单元格的垂直和水平边框具有不同的颜色时出现问题
- 12
NSTableView删除表格视图边框和单元格之间的填充/空格
- 13
表格单元格带有闪烁的边框
- 14
在LibreOffice中的表格边框上创建新单元格
- 15
如何设置表格边框小于单元格高度
- 16
删除HTML表格单元格的顶部边框
- 17
如何删除表格中单元格的边框？
- 18
CSS：表格单元格上无上下边框
- 19
在LibreOffice中的表格边框上创建新单元格
- 20
表格单元格带有闪烁的边框
- 21
在HTML表格中隐藏单元格边框
- 22
单个表格单元格CSS上的黑色边框
- 23
HTML，从表格的左上角单元格删除边框
- 24
通过CSS边框化表格中的某些单元格
- 25
悬停时向表格单元格添加左边框
- 26
使用“显示：表格单元格”的不良边框行为
- 27
不需要的表格单元格边框
- 28
如何调整表格单元格边框的样式？
- 29
Xfinium 移除特定表格单元格中的边框
我来说两句