表格特效代码全集
来源:百度文库 编辑:神马文学网 时间:2024/03/28 22:42:45
1. 两种细线表格做法
2. 立体表格
源码如下:
表格边线为1,间隔为0,左上为#333333,右下为#efefef,行背景色为#cccccc
3. 另类圆角表格制作
4. 虚线边框表格
虚线直线2
6. 变色的单元格1,通过a:hover做
7. 变色的单元格2,已经做成了CSS,注意还有透明效果
源码如下:
8. 变色的单元格3,通过mouse事件做.有点微软的味道
bordercolor="#efefef" bgcolor="#efefef">
9. 透明表格
10. 表格边框显示外阴影
style="filter:progid:DXImageTransform.Microsoft.Shadow
11. VML代码实现的圆角表格
(1).
VML
(2).
VML
(3).
VML
源码如下:
表格边线为1,线色为黑,行线色为白。 |
表格边线为0,间距为1,背景色为黑,行背景色为白。 |
2. 立体表格
源码如下:
it365cn | it365cn | it365cn | it365cn |
cnbruce | cnbruce | cnbruce | cnbruce |
3. 另类圆角表格制作
源码如下:
原图:
放大
4. 虚线边框表格
虚线直线1
虚线直线2
5. 分类型表格
源码如下:
6. 变色的单元格1,通过a:hover做
源码如下:
Blueidea | .comCNBruce | .com | |
7. 变色的单元格2,已经做成了CSS,注意还有透明效果
源码如下:
class="bb"> |
8. 变色的单元格3,通过mouse事件做.有点微软的味道
源码如下:
onMouseOver="this.bgColor=‘#cccccc‘; this.borderColor=‘#000033‘"> Blueidea |
onMouseOut="this.bgColor=‘#efefef‘;this.borderColor=‘#efefef‘"; onMouseOver="this.bgColor=‘#cccccc‘; this.borderColor=‘#000033‘"> cnbruce |
9. 透明表格
10. 表格边框显示外阴影
源码如下:
11. VML代码实现的圆角表格
(1).
源码如下:
(2).
源码如下:
(3).
源码如下: