河南大张实业投诉电话:表格制作

来源:百度文库 编辑:偶看新闻 时间:2024/05/06 10:19:54
一、如何隐藏表格的四个边框。
表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不影晌单元格。
只显示上边框
只显示下边框

只显示左、右边框

只显示上、下边框

只显示左边框

只显示右边框

不显示任何边框

二、表格边框和单元格的特殊效果。
普 表
通 格
这是一普通的表格

细 表
线 格
表格加上了漂亮的细线
(利用cellspacing1像素间隙和表格与单元格背景的不同)
线

细 表
线 格
这和上面那个可不一样,它用的是CSS,效果却一样。
(对单元格border的定义)
线

细 表
线 格
再进一步,把边框变成虚线,同样是CSS的神奇作用。
线

细线表格的扩展应用,奥妙就是在第个单元格中再套入一个表格。
 
 
 
 

立 表
体 格
立体感的表格
(简单的亮暗边框设置,注意只有IE支持这种效果)

无名表格
给表格加上一个表头
(应用
和标签)
无名表格


表中表效果Ⅰ
给表头再加个框
(用CSS为定义一个边框)
表中表效果Ⅰ

表中表效果Ⅱ
看起来和上面的一样,可是这个才是真正的表中表哦。
(在中插入一个表格)
表中表效果Ⅱ


height=高度     width=长度
可以根据自己的喜欢和感觉自己调整出满意的样子!
表格1
在这里输入文字
代码如下:


在这里输入文字

-----------------------------------------------------------------------------------------------------
表格2
在这里输入文字
代码如下:



在这里输入文字

-----------------------------------------------------------------------------------------------------
表格3
在这里输入文字
代码如下:
bgcolor="deepskyblue" cellpadding="5">
bgcolor="white">
在这里输入文字



-----------------------------------------------------------------------------------------------------
表格4
在这里输入文字
代码如下:


在这里输入文字

-----------------------------------------------------------------------------------------------------
表格5
在这里输入文字
代码如下:



   在这里输入文字  

-----------------------------------------------------------------------------------------------------
表格6
在这里输入内容
代码如下:
cellPadding="2" width="150">

在这里输入内容


-----------------------------------------------------------------------------------------------------表格7
在这里输入内容
代码如下:



在这里输入内容

 


-----------------------------------------------------------------------------------------------------
表格8
在这里输入文字
代码如下:
cellSpacing="5" cellPadding="3"
bgcolor="lightblue">

bgcolor="lightcyan">



在这里输入文字


-----------------------------------------------------------------------------------------------------
 表格9
在此输入内容
代码如下:
cellSpacing="3" cellPadding="4"
bgcolor="lightblue">


在此输入内容

-----------------------------------------------------------------------------------------------------
表格10
输入文字
代码如下:
width=400>







height="1" bgcolor="#ffddee">








输入文字



-----------------------------------------------------------------------------------------------------
表格11
输入文字
代码如下:

输入文字

-----------------------------------------------------------------------------------------------------
表格12
输入文字
代码如下:
输入文字

-----------------------------------------------------------------------------------------------------
表格13
输入文字
代码如下:
















   
 



输入文字



 
   

-----------------------------------------------------------------------------------------------------
表格14
输入文字
代码如下:
输入文字

-----------------------------------------------------------------------------------------------------
表格15
输入文字
代码如下:
输入文字

-----------------------------------------------------------------------------------------------------
表格16
输入文字
代码如下:

输入文字