HTML表格

  <table width="50%" border="1" cellpadding="5" cellspacing="3">
            <caption>公司人才招聘</caption>
            <thead bgcolor="#CC9900" align="center" valign="bottom">
                <tr>
               <td width="20%">招聘职位</td>
                <td width="25%">招聘人数</td>
                 <td width="30%">工作经验</td>
                  <td width="25%">学历要求</td>
                  </tr>
            </thead>
            <tbody bgcolor="#FFCCCC" align="center" valign="bottom">
                <tr>
                    <td>高级设计师</td>
                    <td>5人</td>
                      <td>5年以上</td>
                        <td>大专及以上</td>
                </tr>

                  <tr>
                    <td>设计师</td>
                    <td>4人</td>
                      <td>3年以上</td>
                        <td>大专及以上</td>
                </tr>

                  <tr>
                    <td>业务员</td>
                    <td>8人</td>
                      <td>有工作经验者优先</td>
                        <td>不限</td>
                </tr>
            </tbody>
            <tfoot bgcolor="#FFFF00" align="right" valign="bottom">
                <tr>
                    <td colspan="4">以上职位,待遇从优</td>
                </tr>
            </tfoot>
        </table>

 

单元格间隔属性:cellspacing

单元格补白属性:cellpadding

合并列属性:colspan

合并行属性:rowspan

表标题:caption

表格头行元素:thead

表主体元素:tbody

posted @ 2013-10-03 15:41  才高远志  阅读(176)  评论(0编辑  收藏  举报