Table布局

最新推荐文章于 2024-06-24 06:42:28 发布

cc雪影

最新推荐文章于 2024-06-24 06:42:28 发布

阅读量369

点赞数 1

文章标签： Table布局 HTML语言 jsp

本文链接：https://blog.csdn.net/weixin_45043707/article/details/103340189

版权

HTML语言专栏收录该内容

3 篇文章 0 订阅

订阅专栏

Table布局

原理

table是表格，也可以用来布局网页。可以理解为比较大的单元格，把整个container 布局了。

简单的table布局的代码实现

<head>
    <meta charset="UTF-8">
    <title>table布局</title>
</head>
<body marginheight="0px" marginwidth="0px">
<table width="100%" height="950px" style="background-color: aquamarine">
    <tr>
        <td colspan="3" width="100%" height="10%" style="background-color: gold">
            这是头部
        </td>
    </tr>
    <tr>
        <td width="10%" height="80%" style="background-color: aquamarine">
            左菜单
        </td>
        <td width="80%" height="80%" style="background-color: darkseagreen">
            中间主体
        </td>
        <td width="10%" height="80%" style="background-color: forestgreen">
            右菜单
        </td>
    </tr>
    <tr>
        <td width="100%" height="10%" colspan="3" bgcolor="#7fff00">
            这是底部
        </td>
    </tr>
</table>
</body>
</html>

简单table布局的展示

teble布局展示
感谢观看

cc雪影

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Table布局

Table布局原理table是表格，也可以用来布局网页。可以理解为比较大的单元格，把整个container 布局了。简单的table布局的代码实现<head> <meta charset="UTF-8"> <title>table布局</title></head><body marginheight="0...
复制链接

扫一扫

专栏目录