• 表格的编写,课程表


     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <meta charset="utf-8">
     5         <title></title>
     6         <style>
     7             th,td{
     8                 padding: 0;
     9             }《由于th和td有自己默认的margin》
    10             table{
    11                 border-collapse:collapse;
    12             }《整体边框加上以后会发现象巧克力一样重叠,需要border-collaborate:collaborate来去除重叠》
    13         </style>
    14     </head>
    15     <body>
    16         <table border="1">《表格整体加上边框》
    17             <thead>
    18                 <tr>
    19                     <th colspan="2">星期一</th>
    20                     <th>星期二</th>
    21                     <th>星期三</th>
    22                     <th>星期四</th>
    23                 </tr>
    24             </thead>        《thead是表头 th是表头的每一个单元格》
    《tbody是主体的,td是主体的么一个单元格》
                      《合并单元格:合并行的单元格是:colspan=“2”表示合并两个单元各自。
                             合并列的单元格是:rowspan=“num”表示合并num个单元个子》。
    25 <tbody> 26 <tr> 27 <td rowspan="3">HTML&CSS零基础课程</td> 28 <td>HTML&CSS零基础课程</td> 29 <td>HTML&CSS零基础课程</td> 30 <td>HTML&CSS零基础课程</td> 31 <td>HTML&CSS零基础课程</td> 32 </tr> 33 <tr> 34 <td>HTML&CSS零基础课程</td> 35 <td>HTML&CSS零基础课程</td> 36 <td>HTML&CSS零基础课程</td> 37 <td>HTML&CSS零基础课程</td> 38 </tr> 39 <tr> 40 <td>HTML&CSS零基础课程</td> 41 <td>HTML&CSS零基础课程</td> 42 <td>HTML&CSS零基础课程</td> 43 <td>HTML&CSS零基础课程</td> 44 </tr> 45 </tbody> 46 </table> 47 </body> 48 </html>
  • 相关阅读:
    实现JavaScript自定义函数的整合、链式调用及类的封装
    jQuery事件
    jQuery特效
    jQuery基础细节
    CSS3盒模型
    主流清浮动方法
    JavaScript 执行环境及作用域
    JavaScript 参数传递与变量复制
    PHP雪花背景验证码
    Linkis 0.9.2 版本发布
  • 原文地址:https://www.cnblogs.com/hduhdc/p/5232203.html
Copyright © 2020-2023  润新知