我正在尝试用样式表替换嵌入式样式
<table width="100%" border="6" cellspacing="3" cellpadding="6" bgcolor="#D3B696" >
与
带样式表
.test {
text-align: center;
border-collapse: separate ;
width: 720px ;
border: ridge ;
border-width: 6px;
background-color: #D3B696 ;
border-spacing: 3px ; padding: 6px;
}
除牢房边界外的所有作品都消失了
最佳答案
要添加单元格边框,您需要为表中的td
元素添加css规则。请参阅下面的.test td
规则集,并注意.test
和td
之间的空格。该空格表示您正在选择所有td
元素,这些元素是包含.test
类的元素的后代。
.test {
text-align: center;
border-collapse: separate;
width: 720px;
border: ridge;
border-width: 6px;
background-color: #D3B696;
border-spacing: 3px;
padding: 6px;
}
.test td {
border: ridge;
border-width: 6px;
}
<table class="test">
<tr>
<td>cell</td>
<td>cell</td>
</tr>
<tr>
<td>cell</td>
<td>cell</td>
</tr>
</table>