chrome上的html表格边框呈现问题
chrome上的html表格边框呈现问题。我有这样的代码：chrome上的html表格边框呈现问题,html,css,Html,Css,chrome上的html表格边框呈现问题。我有这样的代码： 表格{ 边界塌陷：塌陷； } #第一个td{ 宽度：200px； 高度：80px； 边框样式：虚线； } #第二个td{ 宽度：200px； 高度：80px； 边框样式：实心； 边框颜色：rgba（0,0,0,0.2）； } 文件 B c1 c2 c3 B c1 c2 c3 不使用rgba--边框颜色：rgba（0,0,0,0.2）====使用#c1c1代码 文件 运输署{ 边框：虚线1px#c1c1； } tr{ 高度：80
表格{
边界塌陷：塌陷；
}
#第一个td{
宽度：200px；
高度：80px；
边框样式：虚线；
}
#第二个td{
宽度：200px；
高度：80px；
边框样式：实心；
边框颜色：rgba（0,0,0,0.2）；
}
文件
B
c1
c2
c3
B
c1
c2
c3
边框颜色：rgba（0,0,0,0.2）====使用#c1c1
代码
文件
运输署{
边框：虚线1px#c1c1；
}
tr{
高度：80px；
}
上校{
宽度：200px；
}
桌子{
边界塌陷：塌陷；
}
B
c1
c2
c3
补体第四成份
不使用rgba边框颜色：rgba（0,0,0,0.2）====使用#c1c1
代码
文件
运输署{
边框：虚线1px#c1c1；
}
tr{
高度：80px；
}
上校{
宽度：200px；
}
桌子{
边界塌陷：塌陷；
}
B
c1
c2
c3
补体第四成份
您可以使用纯色，而不是使用rgba颜色
td{
边框样式：实心；
边框颜色：#ddd；
}
tr{
高度：80px；
}
上校{
宽度：200px；
}
桌子{
边框颜色：#ddd；
/*边界塌陷：塌陷*/
边界塌陷：塌陷；
}
B
c1
c2
c3
补体第四成份
您可以使用纯色，而不是使用rgba颜色
td{
边框样式：实心；
边框颜色：#ddd；
}
tr{
高度：80px；
}
上校{
宽度：200px；
}
桌子{
边框颜色：#ddd；
/*边界塌陷：塌陷*/
边界塌陷：塌陷；
}
B
c1
c2
c3
补体第四成份
这是因为您为边框颜色提供了不透明度
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
td {
border-style: solid;
border-color: #a3a3a3;
}
tr {
height: 80px;
}
col {
width: 200px;
}
table {
border-color: #a3a3a3;
border-collapse: collapse;
}
</style>
</head>
<body>
<table cellpadding="0">
<colgroup>
<col />
<col />
</colgroup>
<tbody>
<tr>
<td rowspan="4">b</td>
<td>c1</td>
</tr>
<tr>
<td>c2</td>
</tr>
<tr>
<td>c3</td>
</tr>
<tr>
<td>c4</td>
</tr>
</tbody>
</table>
</body>
</html>
文件
运输署{
边框样式：实心；
边框颜色：#A3A3；
}
tr{
高度：80px；
}
上校{
宽度：200px；
}
桌子{
边框颜色：#A3A3；
边界塌陷：塌陷；
}
B
c1
c2
c3
补体第四成份
这是因为您为边框颜色提供了不透明度
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
td {
border-style: solid;
border-color: #a3a3a3;
}
tr {
height: 80px;
}
col {
width: 200px;
}
table {
border-color: #a3a3a3;
border-collapse: collapse;
}
</style>
</head>
<body>
<table cellpadding="0">
<colgroup>
<col />
<col />
</colgroup>
<tbody>
<tr>
<td rowspan="4">b</td>
<td>c1</td>
</tr>
<tr>
<td>c2</td>
</tr>
<tr>
<td>c3</td>
</tr>
<tr>
<td>c4</td>
</tr>
</tbody>
</table>
</body>
</html>
文件
运输署{
边框样式：实心；
边框颜色：#A3A3；
}
tr{
高度：80px；
}
上校{
宽度：200px；
}
桌子{
边框颜色：#A3A3；
边界塌陷：塌陷；
}
B
c1
c2
c3
补体第四成份
不使用rgba颜色，而是使用纯色，如边框颜色：#ddd
而不是使用rgba--边框颜色：rgba（0,0,0,0.2）；==使用#c1c1代码。谢谢您的回答。我认为是渲染逻辑，如果我设置为TD{{边框样式：虚线；}，C2的左边边框看起来像实线……而不是使用RGBA颜色，使用实像颜色，如<代码>边框颜色：* DDDD/<代码>使用RGBA-边框颜色：RGBA（0, 0, 0，0.2）；使用#c1c1代码。谢谢您的回答。我认为是渲染逻辑，如果我设置为TD{{边框样式：虚线；}，C2的左边边框看起来像一条实线……我所考虑的是渲染逻辑，如果我设置为TD {边框样式：虚线；}，C2的左侧边框看起来像实线……我认为是渲染逻辑，如果我设置为Td{NealType：DASH；C2，C3的左边边框看起来像一条实线…谢谢，但是我认为渲染逻辑，如果我设置为TD {边框样式：虚线；}，C2的左边边框，C3看起来像一条实线…EMMMM，当TD的边距为3px时，你可以看到问题。谢谢，但是如果我设置为TD，我认为是渲染逻辑。{边框样式：虚线；}，C2的左边边框，C3看起来像一条实线…EMMMM，当TD的边距为3px时，你可以看到问题。谢谢，但是我认为是渲染逻辑，如果我设置为Td{NealType：DASH；}C2，C3的左边边框看起来像一条实线…谢谢，但是我认为是渲染逻辑，如果我设置为TD {边框样式：虚线；}，C2的左边边框，C3看起来像一条实线…