表格特效代码全集中

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


小 虾

哦也,我是小虾

You may also like...