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