html日历代码怎么写

lewis 6年前 (2019-01-25) 阅读数 8 #程序编程

文章标签 html

下面是一个简单的HTML日历代码示例：

<!DOCTYPEhtml><html>
<head>
<title>日历</title>
<style>
table{
border-collapse:collapse;
}
td{
text-align:center;
padding:10px;
border:1pxsolid#ccc;
}
th{
background-color:#f0f0f0;
padding:10px;
border:1pxsolid#ccc;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
<th>周六</th>
<th>周日</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<!--继续增加其他日期-->
</tbody>
</table>
</body>
</html>