表格代码块

lin_18113523_

于 2021-09-23 11:19:53 发布

阅读量167

点赞数

本文链接：https://blog.youkuaiyun.com/lin_18113523_/article/details/120431276

版权

html 同时被 2 个专栏收录

3 篇文章

订阅专栏

css

2 篇文章

订阅专栏

  <table class="table-one">
            <tr>
              <th>时间</th>
              <th>老师</th>
              <th>课程名称</th>
              <th>地点</th>
              <th>点击报名</th>
            </tr>
            <tbody class="tableList">
             <tr>
              <td>时间</td>
              <td>老师</td>
              <td>课程名称</td>
              <td>地点</td>
              <td>点击报名</td>
            </tr>          
            </tbody>
</table>

<style>
                  .table-one{  
                    border-spacing: 0;  
                } 
                .table-one th{  
                    width: 100px;  
                    height: 36px;  
                    border-bottom: 3px solid #005E77;  
                    text-align: center;  
                    font-size: 10px;
                    font-family: Source Han Sans CN;
                    font-weight: bold;
                    color: #005E77;
                } 
                .table-one td{  
                    width: 100px;  
                    height: 36px;  
                    border-bottom: 1px solid #005E77;  
                    text-align: center;
                    font-size: 10px;
                    font-family: Source Han Sans CN;
                    font-weight: 400;
                    color: #000000;

                }
 </style>