此样式模仿了Google生活搜索中,搜索租房信息的数据表格样式。

如:

  • 课程管理--推荐课程
课程名称
地点
开课时间
课时
门市价格
会员价
培训机构
成功的质量经理人 上海 2月2日 16 ¥2,800 ¥2,520 英标BSI管...
卓越的质量经理人 上海市 1月22日 1天 ¥1,980 ¥1,782 强思企管
现代企业供应链与物流管理 上海 1月23日 12 ¥2,980 ¥2,682 洛克哈特
流程审核——教你如何成为流程... 上海 1月28日 12 ¥2,100 ¥1,890 英标BSI管...
计量仪器校验与管理培训 苏州市 1月28日 14 ¥980 ¥850 苏州东方大易
环境管理体系ISO14001... 上海 1月28日 16 ¥1,500 ¥1,350 英标BSI管...
中高层管理人员海关事务管理技... 上海 1月26日 12 ¥2,500 ¥2,250 深圳市鹏利企...
工厂车间管理 苏州 2月4日 8 ¥1,580 ¥1,264 卓一企管
TTT-培训师培训 北京 1月27日 12 ¥2,800 待定 百仕瑞顾问
流程审核——教你如何成为流程... 广州 2月2日 12 ¥2,100 ¥1,890 英标BSI管...
领导力与团队管理 苏州 2月2日 12 ¥1,580 ¥1,264 卓一企管
如何让您的孩子更有出息?——... 广州 1月31日 8天 ¥3,800 ¥3,800 邦元管理顾问
业务持续管理体系(BS 25... 上海 2月8日 16 ¥5,800 ¥5,220 英标BSI管...
ISO9001:2008质量... 上海市 2月4日 2天 ¥1,000 待定 强思企管
掌握审核秘诀:非常3+1 上海 2月4日 12 ¥1,800 ¥1,620 英标BSI管...

其样式文件为:

/* 仿Google的表格样式; 涂鸦, 2010-1-21 */

table.tbLikeGoogle

{

border: solid 1px #CCCCCC;

border-collapse: collapse;

width: 99%;

background-color: White;

}

table.tbLikeGoogle tr

{

border: solid 1px #CCCCCC;

}

/* 鼠标经过的样式 */

table.tbLikeGoogle tr:hover

{

background-color: #F1FCFF;

}

table.tbLikeGoogle thead tr

{

border-bottom: solid 1px #a6a6a6;

}

/* 表头当鼠标经过时样式不变 */

table.tbLikeGoogle thead tr:hover

{

border-bottom: solid 1px #a6a6a6;

background-color: transparent;

}

table.tbLikeGoogle tr td

{

padding: 6px 0 6px 3px;

/* IE 7 及以下不支持 tr 的border属性 */

border-top: solid 1px #CCCCCC;

border-bottom: solid 1px #CCCCCC;

text-align: left;

}

/* 链接样式 */

table.tbLikeGoogle tr td a:link

{

padding: 0!important;

margin: 0!important;

color: #2244DD!important;

text-decoration: underline!important;

}

table.tbLikeGoogle tr td a:link

{

padding: 0!important;

margin: 0!important;

color: #2244DD!important;

text-decoration: underline!important;

}

table.tbLikeGoogle tr td a:link

{

padding: 0!important;

margin: 0!important;

color: #2244DD!important;

text-decoration: underline!important;

}

table.tbLikeGoogle tr td a:link

{

padding: 0!important;

margin: 0!important;

color: #2244DD!important;

text-decoration: underline!important;

}

table.tbLikeGoogle thead tr th

{

/* IE 7 及以下不支持 tr 的border属性 */

border-bottom: solid 1px #a6a6a6;

text-align: left;

padding: 6px 0 6px 3px;

vertical-align: top;

}

table.tbLikeGoogle thead tr th .filter

{

font-weight: normal;

}

/* 仿Google的表格样式;结束 */