代码:
<head>
<style>
dl,dt,dd{margin:0;background:#fff5fa;font-size:16pt;font-family:trebuchet ms;font-weight:bold;}
dl{margin:0 auto;width:800px;border:5px solid #f8b3d0;border-bottom:none;}
dt{font-weight:bold;background:#ff99cc;color:#0000ff;font-size:22pt;}
dt,dd{padding:10px 10px 10px 10px;border-bottom:2px solid #f8b3d0;height:auto;overflow:hidden}
dd{text-indent:3em;}
.bg{background:#fff}
dt span,dd span{display:block;float:right;font-size:16pt;border-left:2px solid #003399;text-indent:0em;width:120px;text-align:center;}
</style>
</head>
<body>
<dl class=hb>
<dt style="text-align:center;padding:10px 10px 10px 10px;height:auto;"><span style="font-size:22pt">星期</span><span style="font-size:22pt">日期</span>假 期</dt>
<dd class=bg><span>星期三</span><span>01月01日</span>元旦</dd>
<dd><span>星期五</span><span>01月31日</span>农历年初一</dd>
<dd class=bg><span>星期六</span><span>02月01日</span>农历年初二</dd>
<dd><span>星期一</span><span>02月03日</span>农历年初四</dd>
<dd class=bg><span>星期六</span><span>04月05日</span>清明节</dd>
<dd><span>星期五</span><span>04月18日</span>耶稣受难节</dd>
<dd class=bg><span>星期六</span><span>04月19日</span>耶稣受难节翌日</dd>
<dd><span>星期一</span><span>04月21日</span>复活节星期一</dd>
<dd class=bg><span>星期四</span><span>05月01日</span>劳动节</dd>
<dd><span>星期二</span><span>05月06日</span>佛诞</dd>
<dd class=bg><span>星期一</span><span>06月02日</span>端午节</dd>
<dd><span>星期二</span><span>07月01日</span>香港特别行政区成立纪念日</dd>
<dd class=bg><span>星期二</span><span>09月09日</span>中秋节翌日</dd>
<dd><span>星期三</span><span>10月01日</span>国庆日</dd>
<dd class=bg><span>星期四</span><span>10月02日</span>重阳节</dd>
<dd><span>星期四</span><span>12月25日</span>圣诞节</dd>
<dd class=bg><span>星期五</span><span>12月26日</span>圣诞节后第一个周日</dd>
</dl>
</body>
|