5.1.7 美化页面


数据显示出来后，页面太丑，现在加入css的美化。这里我们使用bootstrap框架，这是一个css框架
首先将下面的链接复制下来
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
粘贴到head标签内，如下所示：

然后在table标签添加class，下面的全部加上：table table-striped table-bordered table-hover table-condensed 参考自bootstrap 表格
如图所示：
刷新页面后可看到较美观的界面：