博客列表 >CSS样式与选择器

CSS样式与选择器

P粉036614676
P粉036614676原创
2022年07月07日 15:37:48468浏览

结构

表格:

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>CSS样式</title>
  6. <style>
  7. caption#x{
  8. background-color: antiquewhite;
  9. font-size: 10px;
  10. }
  11. table{
  12. border: 1px solid;
  13. }
  14. th,td{
  15. border: 1px solid;
  16. }
  17. tr>th{
  18. color: aqua;
  19. }
  20. tr td{
  21. color: aquamarine;
  22. }
  23. .qw{
  24. color: blue;
  25. }
  26. .qw1 ~ *{
  27. color: chartreuse;
  28. }
  29. </style>
  30. </head>
  31. <body>
  32. <table class="sty1" >
  33. <caption id="x">这是一个表格</caption>
  34. <thead>
  35. <tr>
  36. <th class="sty2">item1</th>
  37. <th class="sty2" colspan="3">item2</th>
  38. </tr>
  39. </thead>
  40. <tbody id="sty4">
  41. <tr class="sty3">
  42. <td rowspan="3">sty1</td>
  43. <td>sty2</td>
  44. <td>sty3</td>
  45. <td>sty4</td>
  46. </tr>
  47. <tr class="sty3">
  48. <td>sty2</td>
  49. <td>sty3</td>
  50. <td>sty4</td>
  51. </tr>
  52. <tr class="sty3">
  53. <td>sty2</td>
  54. <td>sty3</td>
  55. <td>sty4</td>
  56. </tr>
  57. </tbody>
  58. </table>
  59. <p class="qw">wdijla</p>
  60. <p class="qw1">wdijla</p>
  61. <p class="qw2">wdijla</p>
  62. <p class="qw3">wdijla</p>
  63. </body>
  64. </html>

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>CSS样式</title>
  6. <style>
  7. caption{
  8. color: aqua;
  9. }
  10. body{
  11. background-color: antiquewhite;
  12. }
  13. </style>
  14. </head>
  15. <body>
  16. <table border="2">
  17. <caption>学生基本表 </caption>
  18. <thead>
  19. <tr>
  20. <th>编号</th>
  21. <th cowspan="2">姓名</th>
  22. <th>性别</th>
  23. </tr>
  24. </thead>
  25. <tbody>
  26. <tr>
  27. <td>001</td>
  28. <td cowspan="2">吴昊</td>
  29. <td></td>
  30. </tr>
  31. <tr>
  32. <td>002</td>
  33. <td cowspan="2">轻微的</td>
  34. <td></td>
  35. </tr>
  36. </tbody>
  37. </table>
  38. </body>
  39. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议