<div style="text-indent: 2em;">

此样式模仿了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的表格样式;结束 */