html - 我无法用 HTML/CSS 编写这个日历小部件，有人可以试试吗？

Question

我被分配了一项小任务，但我无法以任何方式完成它。我被要求编写这个我用 HTML 和 CSS 设计的日历小部件，但我不确定我必须使用的表格或 div！

这就是日历的样子：

这就是我现在的设计方式：

该网站的现场演示可以在这里找到，以及我所做的代码：http: //trendgfx.com/projects/comet-tavern/

请帮我。

Answer 1

如果你摆脱了float:leftand display:inline-blockon the #archive-calender th {，#archive-calender td {你就会更接近。

接下来，您将要设置border-collapse为separateon#archive-calender {并添加一些border-spacing:3px以获取单元格之间的间隙

最后，一点点将给你一些细胞内的喘息空间padding:2px。#archive-calender td {

高温高压

编辑忘记了单元格的背景。

添加一些background-color或background-image添加#archive-calender td {，您将获得漂亮的灰色单元格。