tablestyles.html 819 B

12345678910111213141516171819202122232425262728293031
  1. <div id="editor">
  2. <figure>
  3. <table style="border: 1px solid green;">
  4. <thead>
  5. <tr>
  6. <td><p>Column A</p></td>
  7. <td style="background-color: lightblue"><p>Column B</p></td>
  8. <td style="background: palevioletred"><p>Column C</p></td>
  9. </tr>
  10. </thead>
  11. <tbody>
  12. <tr>
  13. <td style="border-color: deeppink deepskyblue;border-style: solid;border-width: 1px;border-bottom-width: 2px;border-right-style: dotted;">
  14. <p>A1</p>
  15. </td>
  16. <td style="border: 1px solid blue;"><p>B1</p></td>
  17. <td style="border: 1px solid red;"><p>C1</p></td>
  18. </tr>
  19. <tr>
  20. <td style="border-right:1px solid blue;"><p>A2</p></td>
  21. <td><p>B2</p></td>
  22. <td><p>C3</p></td>
  23. </tr>
  24. </tbody>
  25. </table>
  26. </figure>
  27. </div>
  28. <h2>Original editor source</h2>
  29. <div id="cloned-source"></div>