表格特效代码全集中

2006-03-28 3,023 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代码实现的圆角表格
(1).
  源码如下:




VML



(2).
  源码如下:






VML



(3).
   源码如下:




VML


相关文章

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

发布评论

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