如何使用相关代码美化数据库连接后，在页面中显示的数据库中的表格

以下是使用Bootstrap框架美化数据库连接后，在页面中显示的数据库中的表格的代码示例：

1. 引入Bootstrap样式文件和jQuery库

<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

2. 编写HTML代码，显示数据库中的表格

<table class="table table-striped">
  <thead>
    <tr>
      <th>#</th>
      <th>Name</th>
      <th>Age</th>
      <th>Gender</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Tom</td>
      <td>25</td>
      <td>Male</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Jerry</td>
      <td>22</td>
      <td>Female</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Bob</td>
      <td>30</td>
      <td>Male</td>
    </tr>
  </tbody>
</table>

3. 使用Bootstrap样式和组件美化表格

<table class="table table-striped table-bordered">
  <thead class="thead-dark">
    <tr>
      <th>#</th>
      <th>Name</th>
      <th>Age</th>
      <th>Gender</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Tom</td>
      <td>25</td>
      <td>Male</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Jerry</td>
      <td>22</td>
      <td>Female</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Bob</td>
      <td>30</td>
      <td>Male</td>
    </tr>
  </tbody>
</table>

在上述代码中，使用了Bootstrap提供的表格样式类（table、table-striped、table-bordered）和组件（thead、th、tbody、tr、td等），美化了表格的样式和布局。

除了Bootstrap，还可以使用其他前端框架或自定义CSS样式来美化数据库中的表格。