Day.12.17 HTML表格实用案例

作者: 挂树上的骷髅怪 | 来源:发表于2016-12-17 20:04 被阅读7次

<!DOCTYPE html>
<html>
 <head>
 <meta  charset="utf-8">
  <title> 表格案例三</title>
 </head>
 <body>
 <!--margin:0 auto:使表格在网页居中
        line-height:行高
        bgcolor:#b4b4b4 灰色
        caption:使标题居中
        tbody:163里把内容扩起来
 -->
 <table border="1px" cellspacing="0px" bgcolor="#b4b4b4" bordercolor="#00F" style="margin:0 auto;text-align:center;line-height:30px"  width="600px;">
   <caption><h1>雇员薪资</h1></caption>
   <tr><th>编号</th><th>名字</th><th>性别</th><th>薪水</th><th>职位</th><th>email</th></tr>
   <tbody>
   <tr><td>001</td><td>宋江</td><td>男</td><td>40000</td><td>负责人</td><td>sj@souhu.com</td></tr>   
   <tr><td>002</td><td>李逵</td><td>男</td><td>10000</td><td>部长</td><td>lk@souhu.com</td></tr>
   <tr><td>003</td><td>武松</td><td>男</td><td>20000</td><td>局长</td><td>ws@souhu.com</td></tr>
   </tbody>
 </table>
 </body>
</html>