.table??基础表格样式；
.table-striped??给
之内的每一行增加斑马条纹样式；.table-bordered??为表格增加边框；
.table-hover??为
之内的每一行作悬停效果；.table-condensed??让表格更加紧凑，单元格中的内补（padding）均会减半。
立即学习“前端免费学习笔记（深入）”；
.active??鼠标悬停在行或单元格上时所设置的颜色；
.success??标识成功或积极的动作；
.info??标识普通的提示信息或动作；
.warning??标识警告或需要用户注意；
.danger??标识危险或潜在的带来负面影响的动作；
.table-responsive??创建响应式表格；
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>CSS全局样式_栅格系统</title> <link rel="stylesheet" href="bootstrap.min.css" type="text/css"> <style type="text/css"> </style></head><body><div class="container table-responsive"> <table class="table table-striped table-bordered table-hover table-condensed"> <thead> <tr class="active"> <th>谈吴曦受伤舜天新帅直摇头 专门练过定位球破门</th> <th>谈吴曦受伤舜天新帅直摇头 专门练过定位球破门</th> <th>谈吴曦受伤舜天新帅直摇头 专门练过定位球破门</th> </tr> </thead> <tbody> <tr class="info"> <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td> <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td> <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td> </tr> <tr class="success"> <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td> <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td> <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td> </tr> <tr class="warning"> <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td> <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td> <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td> </tr> <tr class="danger"> <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td> <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td> <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td> </tr> </tbody> </table></div></body></html>
版权声明：本文为博主原创文章，未经博主允许不得转载。
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
262
收藏
