网站首页 > 基础教程 正文
Tables标准结构
<table> 用以包装表格化的数据
<thead> 容纳表格标题行 ,含<tr>以标识表格列
<tbody> 数据体,容纳表格行 <tr>
<th> 用于列头的特殊标签,必须置于 <thead> 标签内
<tr> 容纳行内的一组单元格 <td> or <th>
<td> 默认的表格单元格
<caption>表格用途的描述或摘要,对屏幕阅读器(视障人士读屏软件)非常有用
样式
基本样式:行与行之间用水平线相隔。只需向<table>添加.table
.table-striped可以使奇数行的背景设为灰色。
.table-bordered可以使边框显示。
.table-hover可以使鼠标悬停的行的背景变为灰色。
.table-condensed可以使行间距变小。
如下代码<table class="table table-striped table-bordered table-hover" >
表示表格行与行自己使用水平线相隔、显示表格边框、鼠标悬停行背景变为灰色、奇数行的背景设为灰色。
猜你喜欢
- 2024-10-16 使用Bootstrap4为Angular7创建一个简单的WEB页面
- 2024-10-16 Vue.js的6个最佳表单生成器组件 vue.js表格组件
- 2024-10-16 如何在pbootCMS前台调用自定义表单?pbootCMS自定义调用代码示例
- 2024-10-16 分享 10个酷炫的后台模板,给不爱写页面的程序员
- 2024-10-16 基于SSM框架的权限管理系统 dp-lte
- 2024-10-16 前端开发:功能强大的jQuery文件上传插件(jQuery File Upload)
- 2024-10-16 Bootstrap 基础 bootstrap基础教程赵丙秀源代码
- 2024-10-16 Bootstrap基础知识(一) bootstrap总结
- 2024-10-16 bootstrap table轻松实现数据表格
- 2024-10-16 bootstrapTable 实现指定字段行内编辑,无弹窗,自动保存
- 最近发表
- 标签列表
-
- jsp (69)
- gitpush (78)
- gitreset (66)
- python字典 (67)
- dockercp (63)
- gitclone命令 (63)
- dockersave (62)
- linux命令大全 (65)
- pythonif (86)
- location.href (69)
- dockerexec (65)
- tail-f (79)
- queryselectorall (63)
- location.search (79)
- bootstrap教程 (74)
- deletesql (62)
- linuxgzip (68)
- 字符串连接 (73)
- html标签 (69)
- c++初始化列表 (64)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)