利用bootstrap,如何创建一个漂亮的table表格

 时间:2024-10-20 18:23:01

1、先创建一个table,html代码如下图。

利用bootstrap,如何创建一个漂亮的table表格

2、直接运行页面,可以看到现在的表格是这个样子的。比较普通的表格。

利用bootstrap,如何创建一个漂亮的table表格

3、要使用bootstrap,我们当然要先引入对应的样式文件了。

利用bootstrap,如何创建一个漂亮的table表格

4、然后为这个table添加一个样式,样式名就是table。

利用bootstrap,如何创建一个漂亮的table表格

5、现在表格变成这个样子了,比原来的好看很多,简洁,端庄的样子。

利用bootstrap,如何创建一个漂亮的table表格

6、要加上封闭线条,可以加多一个样式,table-bordered.

利用bootstrap,如何创建一个漂亮的table表格利用bootstrap,如何创建一个漂亮的table表格

7、要加上间隔色,就是隔行有不一样的颜色,就要加多一个样式 table-striped

利用bootstrap,如何创建一个漂亮的table表格利用bootstrap,如何创建一个漂亮的table表格
  • 如何安装TC脚本开发工具?
  • 英雄联盟新手教程点
  • 用Thinkphp5怎么仿网站
  • Windows7的控制面板打不开怎么办?
  • 飞车幸运石怎么得
  • 热门搜索
    异地恋怎么办 婴儿打嗝是怎么回事 999感冒灵颗粒 著名的近义词 大众凌渡怎么样 科鲁兹怎么样 阿拉伯数字怎么写好看 胖脸男生发型 股票分时图怎么看 怎么查询微信注册时间