用html如何设计日历,用CSS设计日历

table元素

如果你已经看过我的代码，就会发现我的日历是用table做的。不错，因为日历中显示的是表列数据，所以这样说来用table布局是合理的。而用table定位制作整个网站是不合适的，但我们完全可以有针对性的将table用在列表数据当中。像日历，程序表，图表，时间表我们都可以用table制作。此外试想一下，如果没有引用css，那些用css控制的浮动对象和绝对定位的对象会把页面变得一团糟。事实上，在我处于用css布局狂热的状态下，曾经试着不用table制作日历。相信我，这到最后会非常的头疼，因为你要考虑到所有不同的浏览器的兼容性并进行调试。这纯粹是浪费时间，还好我走过来了;-)

设计日历

每个人都有自己习惯的设计步骤，我则先用Photoshop设计页面。在确定了颜色样式以后，用cssEdit和BBEdit编辑代码。在这个日历当中只用一个gif图片，XTHML和css代码如下：

#calendar {

width: 141px;

padding: 0;

margin: 0;

border-left: 1px solid #A2ADBC;

font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

color: #616B76;

text-align: center;

background-color: #f