利用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的控制面板打不开怎么办?
  • 飞车幸运石怎么得
  • 热门搜索
    cad角度线怎么画 葫芦侠怎么用 低烧不退怎么办 米粉肉怎么做 怎么查看电脑系统 黄河水利职业技术学院怎么样 锦湖轮胎怎么样 脸上有青春痘怎么办 上海工程技术大学怎么样 代购怎么做