多元背景→终极制表

 

博导学习代码是从处理一个个问题入手的；从来没有看过什么书；资料就在网络里随便一搜就可以找到所谓的教材里；我帮他们改正了不少错误；我自己也就会了！

就看下面这个表格，我要带“1”的格子合起来；怎么做？

			1	1	1
			1	1	1
			1	1	1
			1	1	1

 

博导随便建了个8行几列的表格，自己数

现在我要做的就是把我标记了1的项目给和成一个单元格子；

思路就是组合行和列的合并操作；

即是：colspan 和rowspan两个命令的结合；

很明显的要和4行3列；

那么语言代码就是<td  colspan=3 rowspan=4>；在第一个“1”的位置添加；效果如下；

    第一步：

			1			1	1
						1	1	1
						1	1	1
						1	1	1

   要的效果不是这样；我们可以看出；合并产生了尾巴；我们把它删掉就可以了；把多于的标记一下；比如标记为“2”；于是效果的到；删除的是 ;<td>2</td>；所有你标记的要删除；    

			博导 原创			1		2	2
						1		2	2	2
						1		2	2	2
						1		2	2	2

我们转到html区；把带有2的<td></td>删除就可以了；简单吧；    

			引用 留名			1
						1
						1
						1

 

 懂了这一章的内容；什么表格绘制不出来；不是我说狂；是事实；

这样；我们就可以添加图片了；

你的图片不就可以随便放了嘛！

用图片做背景一样有缺点；

就是一旦敲入的文字过多的话；

图片又够小；就会出现多个图；

当然，你可以直接插入图片；

但问题又来了；图片周围有空隙；

这个是网易技术上的问题；

我解决不了；

   

						1
						1
						1
						1

   下面就是最后一个问题了；就什么把表格边框去掉；看代码；  

 <TABLE style="BORDER-RIGHT: 4px solid; BORDER-TOP: 4px solid; BORDER-LEFT: 4px solid; BORDER-BOTTOM: 4px solid" borderColor=red cellSpacing=4 cellPadding=4 width="100%" border=4>
<TBODY>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD></TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD background=http://img.photo.163.com/mXbTWTwwzxZi-obaAyI38A==/129197014312205083.jpg colSpan=3 rowSpan=4>
<P> </P></TD>
<TD> 1</TD>
<TD></TD></TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> 1</TD>
<TD></TD></TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD>      </TD>
<TD> 1   </TD>
<TD></TD></TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> 1</TD>
<TD></TD></TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD></TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD></TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD></TR></TBODY></TABLE>

上面的效果的代码就是这个；要去带边框把border设置为0就可以了；效果如下；

要设置，要出去外边框，设置BORDER-RIGHT/left/top /bottom的数值为0就ok了；效果博导就不做老；只提一点；“：”冒号看不清楚就换成“=”；

   

除去边框后，图片显示不出来的部分；要回车显示；反正你加入的内容够了的话；他自己会跑出来的；

同时因为表格的局限，所以要做到精确定位；必须计算好表格的行数和列数；