<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Styled Table</title>
  <style>
    body {
      font-family: 'Georgia', serif;
      padding: 2rem;
      background-color: #fff;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      font-size: 16px;
    }

    caption {
      caption-side: top;
      font-weight: bold;
      text-align: left;
      background-color: #eaf3fb;
      padding: 0.75rem 1rem;
      font-size: 18px;
    }

    caption span {
      color: #007acc;
    }

    th, td {
      padding: 10px 15px;
      text-align: left;
      vertical-align: top;
      border-bottom: 1px solid #ccc;
    }

    th {
      font-weight: bold;
      border-bottom: 3px solid #007acc;
    }

    tr:last-child td {
      border-bottom: 3px solid #007acc;
    }

    td em {
      font-style: italic;
    }

    .table-caption {
      background-color: #eaf6ff; /* light blue background */
      border-top: 2px solid #00aaff; /* top border */
      padding: 10px;
      font-family: 'Georgia', serif;
      font-size: 18px;
    }

    .table-caption .label {
      color: #00aaff;
      font-weight: bold;
    }

    .table-caption .caption {
      font-weight: bold;
    }

    .note {
        font-size: 16px;
        padding: 10px;
    }
  </style>
</head>
<body>
    <div class="table-caption">
        <span class="label">Table 4</span>
        <span class="caption">Comparison of two groups of BMD and abnormal rates.</span>
    </div>
    <table class="table table-bordered table-condensed table-hover">
<colgroup>
<col/>
<col/>
<col/>
<col/>
</colgroup>
<thead>
<tr>
<th></th>
<th>Controls</th>
<th>Donors</th>
<th>
<i>P</i>-value</th>
</tr>
</thead>
<tbody>
<tr>
<td>Total</td>
<td>276</td>
<td>277</td>
<td>–</td>
</tr>
<tr>
<td>BMD-related indicators</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Lumbar spine L1–L4 BMD (g/cm <span class="inline-formula"><math id="mml-ieqn-101" xmlns="http://www.w3.org/1998/Math/MathML">
<mover accent="true">
<mrow></mrow>
<mrow>
<mo> ˆ</mo>
</mrow>
</mover>
</math></span>2)</td>
<td>0.96 ± 0.15</td>
<td>0.99 ± 0.13</td>
<td>0.20</td>
</tr>
<tr>
<td>Lumbar spine T-score</td>
<td>−1.9 ± 1.2</td>
<td>−1.73 ± 1.04</td>
<td>0.31</td>
</tr>
<tr>
<td>Left femoral neck BMD (g/cm <span class="inline-formula"><math id="mml-ieqn-106" xmlns="http://www.w3.org/1998/Math/MathML">
<mover accent="true">
<mrow></mrow>
<mrow>
<mo> ˆ</mo>
</mrow>
</mover>
</math></span>2)</td>
<td>0.83 ± 0.2</td>
<td>0.87 ± 0.13</td>
<td>0.06</td>
</tr>
<tr>
<td>Left femoral neck T-score</td>
<td>−1.48 ± 0.95</td>
<td>−1.26 ± 0.98</td>
<td>0.11</td>
</tr>
<tr>
<td>Right femoral neck BMD (g/cm <span class="inline-formula"><math id="mml-ieqn-111" xmlns="http://www.w3.org/1998/Math/MathML">
<mover accent="true">
<mrow></mrow>
<mrow>
<mo> ˆ</mo>
</mrow>
</mover>
</math></span>2)</td>
<td>0.83 ± 0.14</td>
<td>0.86 ± 0.19</td>
<td>0.35</td>
</tr>
<tr>
<td>Right femoral neck T-score</td>
<td>−1.43 ± 0.99</td>
<td>−1.29 ± 1.00</td>
<td>0.34</td>
</tr>
<tr>
<td>Radius BMD (g/cm <span class="inline-formula"><math id="mml-ieqn-116" xmlns="http://www.w3.org/1998/Math/MathML">
<mover accent="true">
<mrow></mrow>
<mrow>
<mo> ˆ</mo>
</mrow>
</mover>
</math></span>2)</td>
<td>0.56 ± 0.23</td>
<td>0.55 ± 0.25</td>
<td>0.77</td>
</tr>
<tr>
<td>Radius T-score</td>
<td>−2.44 ± -2.67</td>
<td>−2.67 ± 2.01</td>
<td>0.28</td>
</tr>
<tr>
<td>BMD-related abnormal rates</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Prevalence of osteoporosis</td>
<td>47.46% (131/276)</td>
<td>50.54% (140/277)</td>
<td>0.469</td>
</tr>
<tr>
<td>Low bone mass rate</td>
<td>32.97% (91/276)</td>
<td>32.13% (89/277)</td>
<td>&lt;0.001</td>
</tr>
</tbody>
</table>
    <div class="note">
        
    </div>
</body>
</html>