摘要:table是表格其中tr是行td是列th标题,td其中的属性有colspan是跨行,rwospan是跨列。bordor是边框属性,margin是外边框,padding是内边距。<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>
table是表格其中tr是行td是列th标题,td其中的属性有colspan是跨行,rwospan是跨列。bordor是边框属性,margin是外边框,padding是内边距。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>作业表格</title> <style> body{width: 100%;} *{margin: 0px;padding: 0px;} table{border-collapse: collapse; margin: auto;margin-top: 30px;} tr th{height: 50px;width: 50px;} tr td{border: 1px solid #ccc;width: 5em;height: 3em;} .nav{height:100%;width: 100%;}/*为什么宽度超出了?*/ tr td span{ font-family: 黑体;font-size:20px;background: #ccc;color: red;} </style> </head> <body> <table> <tr> <th colspan="8" ><em style="font-size: 30px;color: blue;" >个人简历</em></th> </tr> <trs> <td><span>姓名</span></td> <td><input class="nav" ="nav" type="text" placeholder="如初" ></td> <td>性别</td> <td></td> <td>出生年月</td> <td></td> <td rowspan="4"></td> <!-- 此处不可以既跨行又跨列吗? --> <td></td> </tr> <tr> <td>籍贯</td> <td></td> <td>民族</td> <td></td> <td>政治面貌</td> <td></td> <tr> <td>学历</td> <td></td> <td>学制</td> <td></td> <td>专业</td> <td></td> </tr> <tr> <td>婚姻状况</td> <td></td> <td>身高</td> <td></td> <td>身体状况</td> <td></td> </tr> <tr> <td>毕业院校</td> <td colspan="3" ></td> <td>E-mall</td> <td colspan="3" ></td> </tr> <tr> <td>联系地址</td> <td colspan="3" ></td> <td>邮编</td> <td colspan="3" ></td> </tr> <tr> <td>联系电话</td> <td colspan="7" ></td> </tr> <tr> <td>求职意向</td> <td colspan="7" ></td> </tr> <tr> <td>求职意向</td> <td colspan="7" ></td> </tr> <tr> <td>知识结构</td> <td colspan="7" ></td> </tr> <tr> <td>计算机</td> <td colspan="7" ></td> </tr> <tr> <td>语言能力</td> <td colspan="7" ></td> </tr> <tr> <td>获奖情况</td> <td colspan="7" ></td> </tr> <tr> <td>工作经历</td> <td colspan="7" ></td> </tr> <tr> <td>兴趣特长</td> <td colspan="7" ></td> </tr> <tr> <td>自我评价</td> <td colspan="7" ></td> </tr> </table> </body> </html>
有个问题为什么不能既跨行又跨列?
希望可以多留点作业!
批改老师:天蓬老师批改时间:2018-12-22 18:30:26
老师总结:课堂作业, 是有一定针对性的,如果想做更多的练习, 可以参考一些教材