登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

 
 
 

日志

 
 

巧用日志编辑器(三)  

2013-11-25 10:17:25|  分类: 【网络课堂】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 巧用日志编辑器(三)

                           -----------之表格的样式,颜色修改

        学会修改表格的各项参数,对我们制作表格是很有好处的。例如下面的表格效果,

        就是通过修改得来的,当然,熟悉了之后我们在插入表格的时候就可以预制好了。

            例 1

     
     
     
     

            例 2

     
     
     
     

            例 3

     
     
     
     

      上面的 2  和  3 都是由 1 变换而来的,只需改变表格代码中的一些设置参数即可。

如下面的代码中所示:(表格例3的代码)

<TABLE style="WIDTH: 400px; HEIGHT: 200px" borderColor=#0000cc cellSpacing=10 cellPadding=1 bgColor=#bfefff border=5>
<TBODY>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE>

我们来看一下代码的修改:

style="WIDTH: 400px; HEIGHT: 200px"    此项是设定表格的宽 和 高 的  

borderColor=#0000cc                                     此项是设定表格边框线条的颜色,

去掉后则线条为透明白色。

cellSpacing=10                                        此项是设定表格的外框和内框之间的距离

bgColor=#bfefff                                        此项是设置表格内部的填充颜色,

删除后则内部填充为透明

border=5                                                   此项是设置外层边框的线条宽度

看看下面添加的行和列所在的位置吧(还是以上面的那组代码为例):

<TABLE style="WIDTH: 400px; HEIGHT: 200px" borderColor=#0000cc cellSpacing=10 cellPadding=1 bgColor=#bfefff border=5>
<TBODY>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>

<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>

<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>

<TD>&nbsp;</TD>
<TD>&nbsp;</TD><TR>

<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>

<TD>&nbsp;</TD></TR>

<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>

<TD>&nbsp;</TD> </TR></TBODY></TABLE>

最后一行代码在添加lieder基础上也同时增加了一个<TD>&nbsp;</TD> 单元格。

如果在编辑表格的过程中,觉得自己的表格行数需增加,就需添加代码 

<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>    

<TR>即表示换行 ,在这里举例仅以一行三个单元格为例(上图例3),

每一组<TD>&nbsp;</TD>  就表示一个单元格

如果觉得列数不够,则需要添加代码为:<TD>&nbsp;</TD>

注:<TD>&nbsp;</TD> 这个是增加列数,我在每行的每一个单元格后面都加上了一个,

这样一个整体的表格就是增加了一列。

<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>     这一组是表示增加一行。如需在某一行表格的后面后面增加一行,

就在那一行的 <TD>&nbsp;</TD></TR>后面,先确定光标在其后面闪烁,然后敲一下回车键,

粘贴此代码。


          看看增加后的实际效果(由例3  变成现在的  例4,由4行3列   变成  5行4列)

       
       
       
       
       

     当然,每个线条,及内外边框的距离,内部填充颜色 都是可以调整的,

上面提到了这里就不再写了。

  颜色代码请点击按钮查看巧用日志编辑器(一)琴阁欢迎您 -    看起来复杂,看破后不值半文钱。当然,

新手还是要多悟,这个其实也没根本没有难度,

用心在日志编辑器里用表格的功能编辑后多比较预览就能得出这样的觉悟。

巧用日志编辑器(三) - 小崔 -

 

上一章:如何巧妙改变表格的大小及表格内的填充颜色        下一章:   进入其他阅读:

                                      1.  如何制作表格及更改表格线条的颜色      
                            2 . 如何巧妙改变表格的大小及表格内的填充色                                     
                                   3 . 表格的样式,颜色修改                                  
                        4 .巧用日志编辑器制作简单实用的日志信纸 
                                     更多请参照:  表格制作

  评论这张
 
阅读(7)| 评论(0)

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018