想用table兑现这样的布局-HTML教程-爱易网页

想用table兑现这样的布局

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

想用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>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

想用table兑现这样的布局

相关资料更多>

推荐阅读更多>