我已经完成了一项小任务,但是我无法以任何方式完成它。我被要求编写使用HTML和CSS设计的日历小部件,但是我不确定必须使用的表或div!
日历应该是这样的:
我现在是这样设计的:
您可以在此处找到该站点的实时演示以及我所做的代码:http://trendgfx.com/projects/comet-tavern/
请帮我。
最佳答案
如果您摆脱了float:left
和display:inline-block
上的#archive-calender th {
和#archive-calender td {
,您会更加接近。
接下来,您需要在border-collapse
上将separate
设置为#archive-calender {
并抛出一些border-spacing:3px
以获取单元格之间的间隙
最后,在padding:2px
上加一些#archive-calender td {
将为您提供单元格内部的喘息空间。
高温超导
编辑忘记了单元格上的背景。
将background-color
或background-image
添加到#archive-calender td {
,您将获得漂亮的灰色单元格。