3行3列表格 table实现，div+css实现
table实现：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<table width="446" height="236" border="1">
<tr>
<td width="111" rowspan="2" ></td>
<td colspan="2"></td>
</tr>
<tr>
<td width="134"></td>
<td width="132"></td>
</tr>
<tr>
<td width="111"></td>
<td width="134"></td>
<td width="132"></td>
</tr>
</table>
</body>
</html>
div+css实现：（少最后三列）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#big{border:1px solid #000; width:500px; height:500px;}
#bigleft{ border:1px solid #000;width:100px; height:200px; float:left;}
#bigright{ border:1px solid #000;width:396px; height:200px; float:right;}
#bigrightT{border:1px solid #000;width:396px; height:100px;}
#bigrightB{border:1px solid #000;width:396px; height:96px;}
#bigrightB1{border:1px solid #000;width:200px; height:96px;}
#bigrightB1{border:1px solid #000;width:192px; height:96px;}
#bigleft2{ border:1px solid #000;width:500px; height:300px; clear:both;}
</style>
</head>
<body>
<div id="big">
<div id="bigleft"></div>
<div id="bigright">
<div id="bigrightT"></div>
<div id="bigrightB">
<div id="bigrightB1"></div>
<div id="bigrightB2"></div>
</div>
</div>
<div id="bigleft2">
</div>
</div>
</body>
</html>
----------------------------------------------------------------------------
id对应的是#
class对应的是.
-----------------------------------------------------
题：一个div在另外一个div中
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
#one{margin-left:160px;background-color:#F00;width:260px;height:240px;}
#two{margin-right:10px;background-color:#FF0;width:210px;height:140px;margin-top:150px;margin-left:1px;}
</style>
</head>
<body>
<div id="one">
<div id="two">
</div>
</div>
</body>
</html>
最新文章
- 人脸识别引擎SeetaFace编译 ubuntu
- eclipse的一些初始化设置
- struct{0}二
- ACID CAP BASE介绍
- iOS实用的小技巧
- 【Xamarin挖墙脚系列：Xamarin正式发布了IOS的模拟器在Windows下】
- css精灵（css script 技术）
- Python-数据库支持
- sqlserver跨数据库与跨服务器使用
- S3C2440的SPI解析
- C++ 日志生成 DLL
- 这些git命令判断提交到哪个分支哪个项目上
- 吴裕雄 22-MySQL 事务
- Python 面试题集锦【315+道题】
- .net mvc中session的锁机制
- C编译相关
- SQL Server 2008自动备份数据库
- iview2.x版本升级3.x版本icon修改清单
- Selenium with Python 002 - 快速入门
- Murano Weekly Meeting 2016.08.23