多语言展示
当前在线:1671今日阅读:138今日分享:34

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

bootstrap是一个前端样式库,使用下,可以方便我们创建前端页面,下面来看一下如何应用bootstrap来生成一个漂亮的table表格。
方法/步骤
1

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

2

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

4

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

5

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

6

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

7

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

推荐信息