14-8.css

一些css样式表的例子供大家学习和参考。

list{
	font-family:Arial;
	font-size:14px;
	position:absolute;			/* 绝对定位 */
	top:0px; left:0px;
	padding:4px;				/* 适当的调整位置 */
}
caption{
	margin-bottom:3px;
	font-weight:bold;
	font-size:1.4em;
	display:block;				/* 块元素 */
}
title{
	background-color:#4bacff;
	display:block;				/* 块元素 */
	border:1px solid #0058a3;	/* 边框 */
	margin-bottom:-1px;			/* 解决边框重叠的问题 */
	padding:4px 0px 4px 0px;
}
title name, title class, title birth, title constell, title mobile{	
	color:#FFFFFF;				/* 行名称颜色 */
	font-weight:bold;
	padding:0px 8px 0px 8px;
}
student{
	display:block;				/* 块元素 */
	background-color:#eaf5ff;	/* 背景色 */
	border:1px solid #0058a3;	/* 边框 */
	margin-bottom:-1px;			/* 解决边框重叠的问题 */
	padding:4px 0px 4px 0px;	/* firefox不支持行内元素的padding */
								/* 只支持block元素的padding */
								/* 为了尽量统一两个浏览器 */
								/* 因此padding-top和bottom放到这里设置 */
}
student.altrow{
	background-color:#c7e5ff;	/* 隔行变色 */
}
name, class, birth, constell, mobile{
	padding:0px 8px 0px 8px;
}
name{							/* firefox不支持行内元素的width属性 */
	width:105px;
}
class{
	width:60px;
}
birth{
	width:80px;
}
constell{
	width:110px;
}
mobile{
	width:100px;
}