巧用日志编辑器(三)
-----------之表格的样式,颜色修改
学会修改表格的各项参数,对我们制作表格是很有好处的。例如下面的表格效果,
就是通过修改得来的,当然,熟悉了之后我们在插入表格的时候就可以预制好了。
例 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> </TD> <TD> </TD> <TD> </TD></TR> <TR> <TD> </TD> <TD> </TD> <TD> </TD></TR> <TR> <TD> </TD> <TD> </TD> <TD> </TD></TR> <TR> <TD> </TD> <TD> </TD> <TD> </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> </TD> <TD> </TD> <TD> </TD>
<TD> </TD></TR> <TR> <TD> </TD> <TD> </TD> <TD> </TD>
<TD> </TD></TR> <TR> <TD> </TD> <TD> </TD>
<TD> </TD> <TD> </TD><TR>
<TR> <TD> </TD> <TD> </TD> <TD> </TD>
<TD> </TD></TR>
<TR> <TD> </TD> <TD> </TD> <TD> </TD>
<TD> </TD> </TR></TBODY></TABLE>
最后一行代码在添加lieder基础上也同时增加了一个<TD> </TD> 单元格。
如果在编辑表格的过程中,觉得自己的表格行数需增加,就需添加代码
<TR> <TD> </TD> <TD> </TD> <TD> </TD></TR>
(<TR>即表示换行 ,在这里举例仅以一行三个单元格为例(上图例3),
每一组<TD> </TD> 就表示一个单元格)
如果觉得列数不够,则需要添加代码为:<TD> </TD>
注:<TD> </TD> 这个是增加列数,我在每行的每一个单元格后面都加上了一个,
这样一个整体的表格就是增加了一列。
<TR> <TD> </TD> <TD> </TD> <TD> </TD></TR> 这一组是表示增加一行。如需在某一行表格的后面后面增加一行,
就在那一行的 <TD> </TD></TR>后面,先确定光标在其后面闪烁,然后敲一下回车键,
粘贴此代码。
看看增加后的实际效果(由例3 变成现在的 例4,由4行3列 变成 5行4列)
当然,每个线条,及内外边框的距离,内部填充颜色 都是可以调整的,
上面提到了这里就不再写了。
颜色代码请点击按钮查看 看起来复杂,看破后不值半文钱。当然,
新手还是要多悟,这个其实也没根本没有难度,
用心在日志编辑器里用表格的功能编辑后多比较预览就能得出这样的觉悟。
上一章:如何巧妙改变表格的大小及表格内的填充颜色 下一章: 进入其他阅读:
|
评论