傲视苍穹H5_VIP专题HTML笔记分享网页前端后台技巧(CSS+HTML)

Day.12.17 HTML表格实用案例

2016-12-17  本文已影响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>
上一篇下一篇

猜你喜欢

热点阅读