標題:
dl dt dd 实现表格形式
[打印本頁]
作者:
rainbow
時間:
2013-7-1 20:31
標題:
dl dt dd 实现表格形式
香港2014年公众假期
星期
日期
假 期
星期三
01月01日
元旦
星期五
01月31日
农历年初一
星期六
02月01日
农历年初二
星期一
02月03日
农历年初四
星期六
04月05日
清明节
星期五
04月18日
耶稣受难节
星期六
04月19日
耶稣受难节翌日
星期一
04月21日
复活节星期一
星期四
05月01日
劳动节
星期二
05月06日
佛诞
星期一
06月02日
端午节
星期二
07月01日
香港特别行政区成立纪念日
星期二
09月09日
中秋节翌日
星期三
10月01日
国庆日
星期四
10月02日
重阳节
星期四
12月25日
圣诞节
星期五
12月26日
圣诞节后第一个周日
香港政府发言人说:「根据《雇佣条例》及《公众假期条例》,当农历年初一、年初二或年初三适逢星期日时,会以农历年初四替代成为法定假日及公众假期。由于二○一四年的农历年初三适逢在星期日,因而将农历年初四订为补假。」
[
本帖最後由 rainbow 於 2013-7-1 23:09 編輯
]
作者:
rainbow
時間:
2013-7-1 21:09
代码:
<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>
歡迎光臨 華中天地論壇 (http://huachung.freebbs.tw/)
Powered by Discuz! 5.0.0