首页html万年历代码

html万年历代码

时间: 2023-06-30 12:22:59 浏览: 148

以下是一个基本的HTML万年历代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>万年历</title> <style> table { border-collapse: collapse; } td { width: 40px; height: 40px; text-align: center; vertical-align: middle; border: 1px solid #ccc; } td.today { background-color: #f00; color: #fff; } </style> </head> <body> <h1>万年历</h1> <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></td> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> </tr>  </tbody> </table> </body> </html> ``` 你可以使用JavaScript来动态生成日期并填充表格中的单元格，从而实现一个完整的万年历。

阅读全文