bordercolorlight的CSS实现
来源:互联网 发布:网络授课平台招收教师 编辑:程序博客网 时间:2024/06/07 01:01
在 IE 中可以对 table 使用 border + bordercolordark + bordercolorlight 来实现表格边框的明暗效果。但要通过对应的 css 样式定义来实现这种效果,并没有直接的相应属性可用(何况这是IE独有属性)。
对于 IE 来说,我们可以用以下方式来美化表格的边框(或许有的人已经根本摒弃了 table 元素的使用。但在我看来, table 在进行数据排列上还是具有 div / span 所无法比拟的优点):
但可惜,这样的写法只能在 IE 下看到效果,并且无法方便的针对单个页面来进行个性化的样式定制。所以首先我们需要把这部分代码改成 css 样式定义,以便于以后的维护修改。
据说可以使用 IE 特有的 css 样式属性来进行对应:
但似乎 table-border-color-light 属性并没有起作用,至少在我的 IE6 下面无效,可能只是某些 IE 版本下的语法。
所以还是得想办法用标准的 css 语法来实现相同的最终页面体现:
通过这样对 table 和 td 分别定义 border 的样式就能够实现与 border + bordercolordark + bordercolorlight 相同的效果,并且能够兼容于其他浏览器 :)通过修改colorTest 每个 border的定义就可以实现各种不同的表格边框明暗效果。唯一的缺点就是增加了 HTML 的代码量,你必须对每个 td 都定义 className 。Updated 2006-08-04 15:02 -- 感谢POPOEVER的提醒,可以根据 css 的 class 继承关系来定义table/td,就不需再为table里面的每个td强制指定className(同样可以在IE/Firefox下得到相同的显示效果):
- bordercolorlight的CSS实现
- bordercolorlight,bordercolordark的CSS实现
- IE中bordercolorlight的CSS实现
- 做出漂亮的网页表格(CSS代替bordercolorlight与bordercolordark)
- 我们可以使用bordercolorlight与bordercolordark 来设置Table的边框,使之变得漂亮;
- bordercolorlight bordercolordark nowrap属性
- css 箭头的实现
- css sprite的实现
- CSS遮罩层的实现
- 弹出的css实现
- CSS的三角形实现
- 【html&css】CSS圆角框的实现方法
- CSS实现的文字竖排
- CSS实现的邮票效果
- CSS实现的邮票效果
- CSS实现的控制台效果
- JS+CSS实现的菜单
- css圆角是怎样实现的
- 关于电力行业104规约解析--固定帧程序解析
- Apache压力测试工具 ab.exe
- 在ABAP中利用Oracle的FROM DUAL
- 如何在面试中发现优秀程序员
- ldd -14.1. Kobjects, Ksets, and Subsystems
- bordercolorlight的CSS实现
- 组播应用与编程
- 微软台湾发布Silverlight的卡通形象MM——藍澤光
- 一个完整发送邮件的例子
- 测试自定义样式
- 关于电力行业104规约解析--可变帧程序解析
- 业务进程监控及保护
- 简单小技巧
- Linux网络编程一步一步学-UDP组播