bootstrap: 表格

bootstrap: 表格

bootstrap中的table标签同样默认是没有边框的

类名添加位置作用
.table给table标签添加作为基类,为其他表格类提供样式(即:每一行上方多了一条水平线,并且表格宽度变为100%)
.table-striped给table标签添加隔行换色,单行为浅灰色背景颜色,双行白色背景颜色
.table-bordered给table标签添加显示完整的内外边框(即:表格和单元格边框)
.table-hover给table标签添加当鼠标移入表格的时候,对应的行的背景颜色变为深灰色
.table-responsivetable标签的父级元素添加设置响应式表格(即:表格宽度比屏幕宽时在表格下方出现横向滚动条,这样不用让整个页面滚动)
.table-condensed给table标签添加紧缩表格(即:让单元格的padding值减为原来的一半)
表格颜色
.activetr或td标签添加将行或单元格设置为深灰色(和鼠标悬停时一样的颜色)
.successtr或td标签添加将行或单元格设置为淡绿色 (表示成功或积极的颜色)
.infotr或td标签添加将行或单元格设置为淡蓝色 (表示普通的提示的颜色)
.warningtr或td标签添加将行或单元格设置为淡黄色 (表示警告或需要用户注意的颜色)
.dangertr或td标签添加将行或单元格设置为淡红色 (表示危险或潜在的负面影响的颜色)
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值