分享

多元背景→终极制表

 个人图书馆陈用 2014-06-06

 

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

就看下面这个表格,我要带“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了;效果博导就不做老;只提一点;“:”冒号看不清楚就换成“=”;

 
               
     

 

 

 

 

 

 

       
           
       
               
               
               
 

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

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

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约