zoukankan      html  css  js  c++  java
  • 关于bootstrap--表格(table的各种样式)

    1、table-striped:斑马线表格

    2、table-bordered:带边框的表格

    3、table-hover:鼠标悬停高亮的表格

    4、table-condensed:紧凑型表格(单元格的内距由8px调至5px。)

    5、table-responsive:响应式表格(当你的浏览器可视区域小于768px时,表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时,表格底部水平滚动条就会消失)

    6、“.table”主要有三个作用:

      ☑  给表格设置了margin-bottom:20px以及设置单元内距

      ☑  在thead底部设置了一个2px的浅灰实线

      ☑  每个单元格顶部设置了一个1px的浅灰实线

    <table class="table">
       <thead>
         <tr>
           <th>表格标题</th>
           <th>表格标题</th>
           <th>表格标题</th>
         </tr>
       </thead>
       <tbody>
         <tr>
           <td>表格单元格</td>
           <td>表格单元格</td>
           <td>表格单元格</td>
         </tr>
         <tr>
           <td>表格单元格</td>
           <td>表格单元格</td>
           <td>表格单元格</td>
         </tr>
       </tbody>
     </table>
  • 相关阅读:
    docker镜像
    docker常用命令
    docker基础
    跨站脚本漏洞(XSS)基础
    Session、Cookie与Token
    linux之curl工具
    ssl证书与java keytool工具
    mysql主从复制
    linux之平均负载(学习笔记非原创)
    mysql8.0忘记密码如何操作?
  • 原文地址:https://www.cnblogs.com/shark1100913/p/5627233.html
Copyright © 2011-2022 走看看