表格

by IreneQiu

HTML

<h1>112學年度赴菲律賓教育旅行</h1>

<table class=t1>

<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>2023-11-12 至 2023-11-19</td>
</tr>

<tr>
<th>前往地區</th>
<td>菲律賓</td>
</tr>

<tr>
<th>考察單位</th>
<td>菲律賓First Choice English Academy語言學校、菲律賓宿霧大學附設小學University of Cebu Elementary Department
</td>
</tr>

<tr>
<th>出國人員</th>

<td>

<table class=center>
 <tr>
 <th class=center>編號</th>
 <th class=center>姓名</th>
 <th class=center>服務機關</th>
 <th class=center>職稱</th>
</tr>

<tr>
 <td>1</td>
 <td>汪明芳</td>
 <td>臺北市內湖區南湖國民小學</td>
 <td>校長</td>
</tr>

<tr>
 <td>2</td>
 <td>徐同佑</td>
 <td>臺北市內湖區南湖國民小學</td>
 <td>訓育組長</td>
</tr>

</table>
</td>
 
</table>

CSS

table,tr,td,th{
  border:1px solid #ebeef5;
  border-collapse: collapse;
}

th{
  background-color:#2eb6c7;
  color:white;
  padding:10px;
  text-align:right;
  width:300;
}

tr,td{
  padding:10px;
  
}

.center{
  text-align:center;
}