# 加入样式 让我们的表格更好看一些吧，修改V层html代码如下： > http://v3.bootcss.com/css/#tables 每天浏览一遍bootstrap的效果，今天你做了吗？ ~~~ <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>教师管理</title> <link rel="stylesheet" type="text/css" href="/thinkphp5/public/static/bootstrap-3.3.5-dist/css/bootstrap.min.css"> </head> <body class="container"> <div class="row"> <div class="col-md-12"> <table class="table table-hover table-bordered"> <tr class="info"> <th>序号</th> <th>姓名</th> <th>性别</th> <th>邮箱</th> <th>用户名</th> </tr> {volist name="teachers" id="teacher" key="key"} <tr> <td>{$key}</td> <td>{$teacher->getData('name')}</td> <td>{eq name='teacher->getData("sex")' value='0'}男{else /}女{/eq}</td> <td>{$teacher->getData('email')}</td> <td>{$teacher->getData('username')}</td> </tr> {/volist} </table> </div> </div> </body> </html> ~~~ 没错，没什么技术含量，我只是照着抄了一个class的类名而已。 代码实现效果如下： ![](https://box.kancloud.cn/2016-06-13_575e70e5c77f5.png) ~~~ git checkout -f step3.2.7 ~~~ 执行上述命令后，上述示例代码信息如下： ![](https://box.kancloud.cn/240267a554bffd3f5e6b0df8448ff164_1234x664.png) 是的，还不错。主要是，我们仅仅引用了一个CSS文件，加了几个class属性而已。 > 没错，是这样。table中的class属性可以有很多个，是不是以前一直以为只能有一个呢？如果是这样的话，那么还是太怕犯错了。我们喜欢犯错的队员，但不喜欢在同一个地方犯多次错误的成员，所以大胆的尝试吧！