我正在尝试用样式表替换嵌入式样式

<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规则集,并注意.testtd之间的空格。该空格表示您正在选择所有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>

09-25 19:40
查看更多