2017-12-04HTML table布局

<!DOCTYPE html>
<html>
<head lang="en">  <meta charset="UTF-8">  <title>table布局</title>
</head>
<body marginwidth="0px" marginheight="0px">  <table width="100%" height="650px" style="background-color: aqua">  <tr>  <td colspan="3" width="100%" height="10%" style="background-color: chartreuse">这是头部</td>  </tr>  <tr>  <td width="20%" height="80%" style="background-color: antiquewhite">左菜单</td>  <td width="60%" height="80%" style="background-color: coral">内容</td>  <td width="20%" height="80%" style="background-color: cornflowerblue">右菜单</td>  </tr>  <tr>  <td colspan="3" width="100%" height="10%" style="background-color: crimson">这是底部</td>  </tr>  </table>
</body>
</html>

更多专业前端知识，请上【猿2048】www.mk2048.com

2017-12-04HTML table布局相关推荐

2017.12.20 静态网页小实战
时间:2017.12.20 地点:武汉-学校项目类型:静态网页-王者荣耀游戏相关网页制作时间:差不多半个月主页面html代码: <!doctype html> <html> ...
rowspan table布局_table中colspan和rowspan的用法详解
在web开发的过程中,我们常常会使用table来布局页面.利用table布局,往往不可避免的需要使用到跨列和跨行.本文通过实例为您介绍table中colspan和rowspan的用法. 我们来看看co ...
css Table布局：基于display:table的CSS布局
两种类型的表格布局你有两种方式使用表格布局 -HTML Table(<table>标签)和CSS Table(display:table 等相关属性). HTML Table是指使用原生 ...
EasyTable.js，令html的table布局变得非常简单！
过年之前由于工作的需要,我花了一周的时间开发了一个纯js的网页插件,EasyTable.js.顾名思义,这个插件就是用来处理html里面的table的各种情况的.很多网站不喜欢使用table布局,因为 ...
firefox ie table 布局兼容性问题
2019独角兽企业重金招聘Python工程师标准>>> 最近在做一个表格控件,使用的布局方式是table布局,因为需求上要求表格的文本不能离边框太近,需要有5px的间隔,于是我很自然 ...
[css] 你有用过table布局吗？说说你的感受
[css] 你有用过table布局吗?说说你的感受用来做列表排版还是很不错的,但是要想用的好,还是要对table有比较多的了解. 比如实现表头固定,表内容超出滚动的效果等个人简介我是歌谣,欢迎和 ...
html网页 table布局实例,HTML用Table表格对网页布局
HTML是用于开发网页的"超文本标记语言",今天我们一起来学习一下HTML+CSS网页布局中Table布局方式. 常见的网页布局用CSS而言一般有经典行布局.经典列布局.双飞翼布局 ...
html中表格布局还是div布局,Table布局 VS Div+CSS布局，选哪个？
Table布局和 Div+CSS布局的争论,过了7-8年了,今天看到一篇文章<为什么我们不建议用Table布局>,又想发表下自己的见解,供初学 <为什么我们不建议用Table布局& ...
div+css与table布局
1:速度和加载方式方面的区别 div 的加载方式是即读即加载,遇到 <div> 没有遇到 </div> 的时候一样加载 div 中的内容,读多少加载多少:table 的加载方式 ...

2017-12-04HTML table布局

2017-12-04HTML table布局相关推荐

最新文章

热门文章