查看: 542|回复: 0

[HTML代码] table-列组

发表于 2017-10-7 08:42:51
尚学堂AD
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>colgroup</title>
  6. <style>
  7. .engine{
  8. background-color: aquamarine;
  9. }
  10. </style>
  11. </head>
  12. <body>
  13. <table border="1">
  14. <!--列组 -->
  15. <colgroup>
  16. <col class="browser">
  17. <col class="engine" span="2">
  18. </colgroup>
  19. <thead>
  20. <tr>
  21. <th>浏览器</th>
  22. <th>渲染引擎</th>
  23. <th>JavaScript 引擎</th>
  24. </tr>
  25. </thead>
  26. <tbody>
  27. <tr>
  28. <th>Chrome</th>
  29. <td>Blink</td>
  30. <td>V8</td>
  31. </tr>
  32. <tr>
  33. <th>Opera</th>
  34. <td>Blink</td>
  35. <td>V8</td>
  36. </tr>
  37. <tr>
  38. <th>Edge</th>
  39. <td>EdgeHTML</td>
  40. <td>Chakra</td>
  41. </tr>
  42. </tbody>
  43. </table>
  44. </body>
  45. </html>
复制代码

效果:



回复

使用道具 举报