JSFiddle - React, Tailwind, and code Playground

by wimp9487

HTML

<h2>
農民健康保險生育給付件數－按年齡組別分
</h2>
<h3>
自2003年起每年農保生育給付件數（含本人生育及配偶生育），按年齡組別分
</h3>
<table>
<tr>
<th>主要欄位說明</th>
<td>西元年、未滿15歲（數量）、15－19歲（數量）、20－24歲（數量）、25－29歲（數量）、30－34歲（數量）、35－39歲（數量）、40－44歲（數量）、45－49歲（數量）、50－54歲（數量）、55－59歲（數量）、60－64歲、65歲以上（數量）</td>
</tr>
<tr>
<th>資料資源下載網址</th>

<td>
<a href="#">CSV</a>  農民健康保險生育給付件數－按年齡組別分至2022年
<br />
<a href="#">JSON</a>  農民健康保險生育給付件數－按年齡組別分至2022年
<br />
<a href="#">WEBSERVICES</a>  農民健康保險生育給付件數－按年齡組別分至2022年
</td>
</tr>

<tr>
<th>提供機關</th>
<td>勞動部勞工保險局</td>
</tr>
<tr>
<th>提供機關聯絡人姓名</th>
<td>陳先生 (02-23961266#1076)</td>
</tr>
<tr>
<th>更新頻率</th>
<td>每1年</td>
</tr>
<tr>
<th>授權方式</th>
<td>政府資料開放授權條款-第1版</td>
</tr>
<tr>
<th>計費方式</th>
<td>免費</td>
</tr>
<tr>
<th>上架日期</th>
<td>2023-05-04</td>
</tr>
<tr>
<th>資料集上架方式</th>
<td>系統介接程式</td>
</tr>
<tr>
<th>詮釋資料更新時間</th>
<td>2023-07-04 15:12</td>
</tr>
<tr>
<th>服務分類</th>
<td>生育保健</td>
</tr>
<tr>
<th>資料集屬性</th>
<td>開放資料</td>
</tr>
<tr>
<th>關鍵字</th>
<td></td>
</tr>
<tr>
<th>相關網址</th>
<td></td>
</tr>
<tr>
<th>備註</th>
<td>勞動部OAS標準之API說明文件：https://apiservice.mol.gov.tw/OdService/doc/v3.json。 勞動部開放資料Open API 頁面：https://apiservice.mol.gov.tw/OdService/openapi/OAS.html。</td>
</tr>
</table>
<!--參考來源網址"https://data.gov.tw/dataset/162043">

CSS

table {
  border-left: 1px solid black;
  border-right: 1px solid black;
   border-bottom: 1px solid black;
}
th {
  background-color:#00FFFF;
  width:100px;
  border-top: 1px solid black;
  
}
td {
  width:600px;
  border-top: 1px solid black;
  
}
a {
  background-color:#00FFFF;
  border-radius:10px;
}