四个漂亮CSS样式表

1. 单像素的边框CSS表格

这是一个非常所用的表格风格。



源码:


2. 带背景图的CSS样式表格

和上面差点儿相同,只是每一个格子里多了背景图。



cell-blue.jpg

cell-grey.jpg

1. 下载上面两张图,命名为cell-blue.jpg和cell-grey.jpg

2. 拷贝以下的代码到你想要的地方,记得改动图片url


3. 自己主动换整行颜色的CSS样式表格(须要用到JS)

这个CSS样式表格自己主动切换每一行的颜色。在我们须要频繁更新一个大表格的时候非常实用。


代码:


4. 鼠标悬停高亮的CSS样式表格 (须要JS)

纯CSS显示表格高亮在IE中显示有问题,所以这边使用了JS来做高亮(因为csdn博客限制了js的使用。我会在最近将博客迁移放到自己的web主机上)。


有一点要小心的是,不要定义格子的背景色。


最常见的几种CSS样式表格其中。希望对大家有帮助


原:HTML Tables with CSS Styles

posted @ 2015-06-18 14:31  phlsheji  阅读(214)  评论(0编辑  收藏  举报