html布局
2024-10-16 08:35:16
1.div
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
body{
margin: 0px;
}
#container{
width: 100%;
height: 950px;
background-color: darkgray;
}
#heading{
width: 100%;
height: 10%;
background-color: antiquewhite;
}
#content_menu{
width: 30%;
height: 80%;
background-color: cadetblue;
float: left;
}
#content_body{
width: 70%;
height: 80%;
background-color: darksalmon;
float: left;
}
#footing{
width: 100%;
height: 10%;
background-color: cornflowerblue;
clear: left;
}
</style>
</head>
<body>
<div id="container">
<div id="heading"></div>
<div id="content_menu"></div>
<div id="content_body"></div>
<div id="footing"></div>
</div>
</body>
</html>
2.table
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body marginheight="0px" marginwidth="0px">
<table width="100%" height="950px" style="background-color: darkgray">
<tr>
<td colspan="2" width="100%" height="10%" style="background-color: rebeccapurple">
</td>
</tr>
<tr>
<td width="30%" height="80%" style="background-color: blue"></td>
<td width="70%" height="80%" style="background-color: gold"></td>
</tr>
<tr>
<td colspan="2" width="100%" height="10%" style="background-color: aquamarine"></td>
</tr>
</table>
</body>
</html>
最新文章
- 追根溯源：EntityFramework 实体的状态变化
- 使用python selenium webdriver模拟浏览器
- MathType 公式后的空格问题
- 读书笔记-String
- poj2492 带权并查集
- OpenSSL进行SSL通讯的一些问题
- Android-简单的sdcard文件浏览
- c++11:function的用法
- WARNING OGG-01223 TCP/IP error 111 (Connection refused)
- hdu4709求三角形面积
- Oracle 数据迁移（从Oracle11G迁移到更高的版本号Oracle10G低版本号）
- php 验证码类
- kali系统教程：创建热点
- 非常易于理解‘类'与'对象’ 间 属性 引用关系，暨《Python 中的引用和类属性的初步理解》读后感
- 【app】adb连接问题整理
- 【emWin】例程十四：xbf外置字体
- 如何去除WIN7任务栏项目上右键菜单中的最近访问一栏
- SpringBoot学习（三）IDEA
- (转)Gmail,你必须了解的12个邮件编码问题
- XSL