<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<title>我的布告欄</title>
<style>
body {
font-family: Arial, "微軟正黑體", sans-serif;
background-color: #f2f2f2;
padding: 20px;
}
.board {
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
max-width: 800px;
margin: auto;
}
h1 {
text-align: center;
color: #333;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
th, td {
border: 1px solid #ccc;
padding: 10px;
text-align: center;
}
th {
background-color: #eee;
}
</style>
</head>
<body>
<div class="board">
<h1>桌面布告欄</h1>
<ul>
<li>今天要完成修理工作</li>
<li>5/1 要繳交月報表</li>
<li>記得訂5/5聚餐的位置</li>
</ul>
<h2>任務清單</h2>
<table>
<tr>
<th>項目</th>
<th>負責人</th>
<th>截止日期</th>
<th>狀態</th>
</tr>
<tr>
<td>修理客戶A的設備</td>
<td>小明</td>
<td>4/30</td>
<td>進行中</td>
</tr>
<tr>
<td>月報表整理</td>
<td>小美</td>
<td>5/1</td>
<td>未開始</td>
</tr>
<tr>
<td>聚餐訂位</td>
<td>阿志</td>
<td>5/3</td>
<td>完成</td>
</tr>
</table>
</div>
</body>
</html>
留言
張貼留言