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