仿Google样式的表格课程名称地点开课时间课时门市价格会员价培训机构

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

Add comment

Loading