表格特效代码

2005-12-13 2,832 0

1. 两种细线表格做法

表格边线为1,线色为黑,行线色为白。
表格边线为0,间距为1,背景色为黑,行背景色为白。

2. 立体表格
源码如下:

it365cn it365cn it365cn it365cn
cnbruce cnbruce cnbruce cnbruce

表格边线为1,间隔为0,左上为#333333,右下为#efefef,行背景色为#cccccc
3. 另类圆角表格制作

放大

4. 虚线边框表格

www.blueidea.com

虚线直线1


虚线直线2

5. 分类型表格

item

content

6. 变色的单元格1,通过a:hover做




Blueidea
.com
CNBruce
.com

7. 变色的单元格2,已经做成了CSS,注意还有透明效果

cnbruce

8. 变色的单元格3,通过mouse事件做.有点微软的味道
源码如下:

Blueidea

cnbruce

9. 透明表格

cnbruce

10. 表格边框显示外阴影
源码如下:

www.cnbruce.com

11. VML代码实现的圆角表格




VML



源码如下:






VML



3源码如下:




VML


相关文章

JavaScript 点击按钮一键复制指定文本内容
给div来个酷炫的四角边框—linear-gradient
充分理解bootstrap的栅格系统
CSS 居中大全
神奇的css table隔行换色
准备准备 学习开撸响应式的页面

发布评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据