HTML5基础12----HTML5布局的使用，table布局，表格布局就是写一个表格，把其他东西都往里塞

zhaihaohao1

于 2015-07-26 15:33:52 发布

阅读量2.2k

点赞数

分类专栏： HTML5基础

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/47068439

版权

HTML5基础专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<!--HTML5布局的使用，table布局，表格布局就是写一个表格，把其他东西都往里塞-->
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>table布局</title>
</head>
<body border="1" marginwidth="0px"marginheight="0px" >
   <table width="100%" height="800px">
       <!--头部-->
       <tr>
           <!--colspan和并单元格-->
           <td colspan="3" width="100%" height="10%" style="background-color: #b3d4fc">头部</td>
       </tr>
       <!--中间-->
       <tr>
           <td  width="20%" height="80%" style="background-color: #555555">
           <ul>
               <li>中国人</li>
               <li>中国人</li>
               <li>中国人</li>
           </ul>
           </td>
           <td width="60%" height="80%" style="background-color: #ffff00">中间</td>
           <td width="20%" height="80%" style="background-color: blueviolet">右边</td>
       </tr>
       <!--底部-->
       <!--头部-->
       <tr>
           <!--colspan和并单元格-->
           <td colspan="3" width="100%" height="10%" style="background-color: aqua">底部</td>
       </tr>

   </table>

</body>
</html>

zhaihaohao1

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTML5基础12----HTML5布局的使用，table布局，表格布局就是写一个表格，把其他东西都往里塞

html>lang="en"> charset="UTF-8"> table布局border="1" marginwidth="0px"marginheight="0px" > width="100%" height="800px"> colspan="3" width="100%" he
复制链接

扫一扫

专栏目录