css2 0中文手册完成所示网页，使用表格布局，使用CSS控制样式，表格第一行日期是使用JS显示的系统当前日期。

css2 0中文手册时间:2022-02-22 阅读:()

完成所示网页，使用表格布局，使用CSS控制样式，表格第一行日期是使用JS显示的系统当前日期。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin:0;padding:0;} .tdemo{width: 600px;height: 400px;margin:100px auto;} .ttitle{background:#dfdfdf;height:50px;text-align:center;} .tcontent{background:#eee;height:300px;} t{padding:20px 25px;} t p{line-height:25px;font-size:15px;color:#222;} .tcontent h6{text-indent:25px;font-size:16px;color:#111;} .tcontent p.last{text-indent:25px;} .tfoot{background:#aaa;height:50px;} .tfoot button{width: 60px;height: 28px;float: right;margin-right: 30px;} </style> </head> <body> <table class="tdemo"> <tr class="ttitle"> <td> <span id="time"></span>? </td> </tr> <tr class="tcontent"> <td> <h6>谜面：</h6> <div class=&t"> <p>1.一只羊在吃草，一只狼从旁边经过没有吃羊。</p> <p>2.又一只狼经过，还是没有吃羊。</p> <p>3.第三只狼经过，羊冲狼大叫，狼还是没有吃羊。</p> ? ?</div> <p class="last">打：三种动物</p> </td> </tr> <tr class="tfoot"> <td> <button>查看谜底</button> </td> </tr> </table> <script> var showzone=document.getElementById("time"); var time=new Date(); ? ?var yy=time.getFullYear(); var mm=time.getMonth()+1; var dd=time.getDate(); var kk=time.getDay(); var xingqi; if(kk==0){ k="星期天" } else if(kk==1){ xingqi="星期一"; } else if(kk==2){ xingqi="星期二" } else if(kk==3){ xingqi="星期三" } else if(kk==4){ xingqi="星期四" } else if(kk==5){ xingqi="星期五" } else{ xingqi="星期六"; } ? ? ? ? showzone.innerHTML="今天是："+yy+"年"+mm+"月"+dd+"日"+xingqi+" ? ---欢迎你来猜一猜"; </script> </body> </html>

展开全文