表格

by johnny890118

HTML

<h2>
  高雄市112年1月份交通事故統計
</h2>
<table cellpadding="10">
  <tr>
    <th>主要欄位說明<br /><span>*粗體欄位為資料標準欄位</span></th>
    <td>seq、事故年月、總編號、案件編號、處理單位、單位名稱、事故類別、處理編號、發生日期、縣市、鄉鎮市區、村里、鄰、街路、段、街路-交岔路、段-交岔路、發生地點、公路、公里、公尺、車道方向、線、公里-平交道、公尺-平交道、名稱-平交道、死亡人數、受傷人數、天候、天候說明、光線、光線說明、道路類別、道路說明、速限、道路型態、道路型態說明、事故位置、事故位置說明、路面鋪裝、路面鋪裝說明、路面狀態、路面狀態說明、路面缺陷、路面缺陷說明、障礙物、障礙物說明、視距、視距說明、號誌種類、號誌種類說明、號誌動作、號誌動作說明、分向設施、分向設施說明、快車道、快車道說明、快慢車道、快慢車道說明、路面邊線、路面邊線說明、事故類型及型態、事故類型及型態說明、2-30日死亡、監視影帶、X、Y</td>
  </tr>
  <tr>
    <th>資料資源下載網址</th>
    <td><a id = "download" href = "https://api.kcg.gov.tw/api/service/get/06ffc7ef-91cb-449e-8e16-3f73162c34f7">JSON</a><span> <a>檢視資料</a> </span>高雄市112年1月份交通事故統計</td>
  </tr>
  <tr>
    <th>提供機關</th>
    <td><a href="https://data.gov.tw/datasets/search?p=1&size=10&s=pubdate.date_desc&rat=34140,39505,42879">高雄市政府警察局</a></td>
  </tr>
  <tr>
    <th>
      提供機關聯絡人姓名
    </th>
    <td>
      吳麗雀 ((07)2416230)
    </td>
  </tr>
  <tr>
    <th>更新頻率</th>
    <td>不定期</td>
  </tr>
  <tr>
    <th>授權方式</th>
    <td>政府資料開放授權條款-第1版</td>
  </tr>
  <tr>
    <th>計費方式</th>
    <td>免費</td>
  </tr>
  <tr>
    <th>上架日期</th>
    <td>2023-03-03</td>
  </tr>
  <tr>
    <th>資料集類型</th>
    <td>系統介接程式</td>
  </tr>
  <tr>
    <th>詮釋資料更新時間</th>
    <td>2023-03-03 12:08</td>
  </tr>
  <tr>
    <th>主題分類</th>
    <td>其他</td>
  </tr>
  <tr>
    <th>服務分類</th>
    <td><a href = "https://data.gov.tw/datasets/search?p=1&size=10&s=pubdate.date_desc&rct=249">公共資訊</a></td>
  </tr>

  <tr>
    <th>資料集分類</th>
    <td>開放資料</td>
  </tr>
  <tr>
    <th>關鍵字</th>
    <td></td>
  </tr>
  <tr>
    <th>相關網址</th>
    <td>https://data.kcg.gov.tw/dataset/kcgoa-00001029-394</td>
  </tr>
  <tr>
    <th>備註</th>
    <td></td>
  </tr>
</table>

CSS

th{
  background-color: #e9edf2;
  width: 150px;
  text-align: left;
}

a{
  color: #0079b7;
  text-decoration: none;
}

a:hover{
  color: #46A3FF;
}

span{
  font-size: 0.5px;
}

table{
  border-top: 1px solid #dcdfe6;
  border-left: 1px solid #dcdfe6;
  border-right: 1px solid #dcdfe6;
}

td{
  border-bottom: 1px solid #dcdfe6;
}

#download{
  border-radius: 5px;
  padding: 5px 15px;
  background-color: #c0dae7;
}

#download:hover{
  color: white;
  background-color: #005f8f;
}