1. 爱易网页
  2. HTML教程
  3. 想用table兑现这样的布局

想用table兑现这样的布局

日期：2014-05-16　 浏览次数：20598 次

想用table实现这样的布局
想用表格实现这样的布局，求代码。
table 布局

------解决方案--------------------
DIV欢迎您：


<html>

	<head>

		<title>图片布局</title>

	</head>

	<body>

	  <div style="float:left;width:100%;height:100%"> 

	    <div style="float:left;width:100%;height:50%;"> 

	       <img style="float:left;width:50%;height:100%;" src="mr.jpg"/> 

	       <img style="float:right;width:50%;height:100%;" src="mr.jpg"/> 

	    </div>  

	    <div style="float:left;width:100%;height:50%;"> 

	      <img style="float:left;width:33.33%;height:100%;" src="mr.jpg"/>  

	      <div style="float:right;width:66.66%;height:100%;"> 

	         <img style="float:left;width:50%;height:100%;" src="mr.jpg"/>  

	         <img style="float:right;width:50%;height:100%;" src="mr.jpg"/> 

	      </div> 

	    </div> 

	  </div> 

	</body>

</html>


------解决方案--------------------
引用:
有个方法，不用嵌套表格。


<table width="900" height="200" border="0" align="center" cellpadding="0" cellspacing="3" bgcolor="#000000">

  <tr>

    <td colspan="2" bgcolor="#AAFFCC"> </td>

    <td colspan="2" bgcolor="#AAFFCC"> </td>

  </tr>

  <tr>

    <td width="286" bgcolor="#AAFFCC"> </td>

    <td colspan="2" bgcolor="#AAFFCC"> </td>

    <td width="288" bgcolor="#AAFFCC"> </td>

相关资料更多>

  1. HTML初学者教程-图象
  2. 网站导航栏有下拉菜单，但是下拉菜单出现后会把下面的内容顶下去，这个怎么处理？求大神
  3. style的css设立
  4. css实现表格隔行颜色不一样的效果解决方案
  5. HTML5 Canvas中兑现文字链接
  6. HTML字符实业(Character Entities)和转义字符串(Escape Sequence)
  7. 亟需掌握的八个CSS布局技巧
  8. 各浏览器，还有没有类似firebug的武器？该如何解决
  9. 几道 基础的dreamweaver题 求答案啊知道的帮帮忙吧 感激不尽！解决方案