表格-table 样式

.table：表格基本样式

.table-dark：表格显示为黑色

.thead-light：表头显示颜色跟亮

.thead-dark：表头显示为黑色

.table-striped：表格以条纹形式显示

.table-bordered：给表格加上边框

.table-hover：把鼠标放到表格上时会有反应

.table-sm：表格以更小的形式显示

--------------------------

添加背景色：

.table-active：

.table-primary：

.table-secondary：

.table-success：

.table-danger：

.table-warning：

.table-info：

.table-light：

.table-dark：

.bg-primary：

.bg-success：

.bg-warning：

------------------------

.table-responsive：响应式表格，会自动添加滚动条

.table-responsive-sm：当屏幕宽度为sm时，响应式显示

.table-responsive-md：当屏幕宽度为md时，响应式显示

<caption></caption>表格标题

转载于:https://www.cnblogs.com/voga/p/8761116.html

表格-table 样式相关推荐

手机端自适应表格table样式如何写
有时候我们的网页需要展示一些表格的内容,在pc端是很好控制它的展现方式的,但是到移动端就非常难控制了,那么该怎么做呢? 比如上图就是没控制好的移动端的表格table样式,展示非常的凌乱. 这个就是写好 ...
html表格展开格式,4款简单常见的纯CSS表格(table)样式
本文介绍4款简单常见的纯CSS表格(table)样式. 1.默认表格(default table) 添加pure-table类样式化表格, 此类向表元素添加填充(padding)和边框(borders ...
html table样式_CSS表格样式
表格的样式一般可以在HTML中直接定义,但是结构和样式需要分开声明,这可以方便后期的维护和修改.CSS中的表格样式有caption-side(表格标题位置).border-collapse(表格边框合 ...
CSS设置原生table表格边框样式（添加表格横线）（附最后表格td画斜线）
table表格边框样式: 推荐这种原理: 只对table td设置左与上边框: 对table设置右与下边框: <style> .table-c table{border-right:1p ...
CSS如何设置html table表格边框样式
CSS如何设置table表格边框样式对table设置css样式边框,分为几种情况: 1.只对table设置边框 2.对td设置边框 3.对table和td技巧性设置表格边框 4.对table和td设 ...
Element-UI table表格自定义样式
Element-UI中关于table表格的样式操作自定义列的内容: 需求:在表格最后一栏添加操作按钮通过slot-scope="scope"添加操作按钮,这是专门为我们提供的插 ...
element 表格table纵横双列表头斜线样式处理和多级表头循环
element 表格table纵横双列表头斜线样式处理和多级表头循环 <!DOCTYPE html> <html> <head><meta charset= ...
html tr加样式,Javascript操作table,tr,td和表格CSS样式设置小常识
效果图:方法一姓名性别住址电话张三男 ...
POI处理PPT的表格table，XSLFTable样式设置
POI版本3.14 ppt中插入表格(table),是可以设置表格的样式的:抬头行有背景颜色,抬头行文字默认成白色,数据行分奇数偶数行有间隔背景色,这个样式是附加在表格元素上的,而不是加在行或者格子上 ...

表格-table 样式

表格-table 样式相关推荐

最新文章

热门文章