约吧大明星哪个app能看:边框制作二,表格边框的特殊效果

来源:百度文库 编辑:中财网 时间:2024/05/04 06:57:09

普表
通格
这是一款普通表格 代码如下


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


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


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






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


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


无名表格 文字
给表格加上一个表头(应用
和标签)代码如下
无名表格

文字



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


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



水晶透明效果边框一
内容(宽高自定义.调色要注意深浅)
代码如下


水晶透明效果边框一
内容(宽高自定义.调色要注意深浅)

水晶透明效果边框二
内容(宽高自定义调色要注意深浅)
1 2 3 4 5
代码如下


水晶透明效果边框二
内容(宽高自定义调色要注意深浅)
1 2 3 4 5

渐淡透明效果边框一
内容(宽高自定义)
代码如下

渐淡透明效果边框一
内容(宽高自定义)

渐淡透明效果边框二
内容(宽高自定义)
1 2 3 4 5
代码如下

渐淡透明效果边框二
内容(宽高自定义)

1 2 3 4 5

立体水晶透明效果边框一
内容(宽高自定义)
代码如下

立体水晶透明效果边框一
内容(宽高自定义)

立体水晶透明效果边框二
内容(宽高自定义)
1 2 3 4 5
代码如下
立体水晶透明效果边框二
内容(宽高自定义)

1 2 3 4 5

你见过这样的边框吗?
代码如下

你见过这样的边框吗?


双线表格边框代码
代码如下
双线表格边框代码

方形虚线表格边框代码
代码如下
方形虚线表格边框代码

圆点虚线表格边框代码
代码如下
圆点虚线表格边框代码


无名表格
普 通 無 名 表 格 代 碼 如 下
添加标题添加内容

说 明∶用对齐代码 left(左)、right(右)调换红色代码 center(中)可改变标题位置。
四 邊 變 色 無 名 表 格 代 碼 如 下
添加标题添加内容

说 明∶调换蓝色颜色代码可改变四边不同色彩,用对齐代码 left(左)、right(右)调换红色代码 center(中)可改变标题位置。宽WIDTH: 600px 和高HEIGHT: 160px 按需要调整。
標題與四邊可變色無名表格代碼如下
添加标题添加内容

说 明∶调换蓝色颜色代码可改变四边不同色彩,用对齐代码 left(左)、right(右)调换红色代码 center(中)可改变标题位置、调整黄色代码可改变标题字的大小、字体、颜色。宽WIDTH: 600px 和高HEIGHT: 160px 按需要调整。
无标题四边封闭无名表格代码如下∶
添加内容

说 明∶只要调整宽 WIDTH: 600px、高 HEIGHT: 50px 即可。
標題四邊封閉可變位置的普通無名表格代碼如下
添加标题添加内容

说 明∶调换蓝色颜色代码可改变标题框四边不同色彩,用对齐代码 center(中)、right(右)调换红色代码 left(左)可改变标题位置、调整黄色代码可改变添加内容字的颜色。
標題四邊封閉有背景顔色的無名表格代碼如下

添加标题
添加内容

说 明∶调换蓝色颜色代码可改变标题框四边不同色彩、粉色代码标题框背景颜色、黄色代码为标题字颜色、鲜绿代码为标题框宽、用对齐代码 left(左)、right(右)调换红色代码 center(中)可改变标题位置。
標題四邊封閉有背景顔色四邊可變色的無名表格代碼如下
添加标题添加内容

说 明∶调换绿色颜色代码可改变添加内容框四边不同色彩、金色代码为添加内容字的颜色、调换蓝色颜色代码可改变标题框四边不同色彩、粉色代码标题框背景颜色、黄色代码为标题字颜色、鲜绿代码为标题框宽、用对齐代码 left(左)、right(右)调换红色代码 center(中)可改变标题位置。宽WIDTH: 600px 和高HEIGHT: 160px 按需要调整。