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
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/119230.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】:
Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】:
官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...