標題: dl dt dd 实现表格形式
rainbow
註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3958
發表於 2013-7-1 20:31 
14.136.96.234
分享  私人訊息  頂部
香港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
註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3958
發表於 2013-7-1 21:09 
14.136.96.150
代码:
<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>