如何将普通表转换为CkEditor表

Question

 上面的表是我的表我想将上面的表转换成下面的CkEditor表，有什么办法，是否有任何css属性可以将其转换为如下表所示

此表是CkEditor表

Answer 1

你可以做一些像This Demo

这样的事情

 table {
    border-collapse: collapse;
    border: 2px solid #eee;
}
td, th {
    border: 2px solid #eee; min-width:200px;
    box-shadow: 0px 0px 2px 1px #000;
}

Answer 2

在你的桌子中，你正在使用边框折叠：折叠，这就是它看起来不同的原因。使用“单独”或根本不设置。

table,
td,
th {
  border: 1px solid gray;
}
table {
  width: 50%;
  border-collapse: separate;
}

<table>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>