我已经完成了一项小任务,但是我无法以任何方式完成它。我被要求编写使用HTML和CSS设计的日历小部件,但是我不确定必须使用的表或div!

日历应该是这样的:



我现在是这样设计的:



您可以在此处找到该站点的实时演示以及我所做的代码:http://trendgfx.com/projects/comet-tavern/

请帮我。

最佳答案

如果您摆脱了float:leftdisplay:inline-block上的#archive-calender th {#archive-calender td {,您会更加接近。

接下来,您需要在border-collapse上将separate设置为#archive-calender {并抛出一些border-spacing:3px以获取单元格之间的间隙

最后,在padding:2px上加一些#archive-calender td {将为您提供单元格内部的喘息空间。

高温超导

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

background-colorbackground-image添加到#archive-calender td {,您将获得漂亮的灰色单元格。

08-07 18:31