博主信息
博文 47
粉丝 0
评论 0
访问量 31367
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
CSS样式与选择器
P粉036614676
原创
625人浏览过

结构

表格:

  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>
批改老师:PHPzPHPz

批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学