18.css

文件是《精通Javascript+jQuery》的书中实例

body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
a img{
	border:0px;
	vertical-align:text-bottom;
}
table{
	border-collapse:collapse;
}
th.side{
	background:url(bg_th_side.gif) no-repeat bottom left;
}
td.side{
	text-align:right;
	background: url(bg_td_side.gif) no-repeat bottom left;
	width:180px; padding-right:10px;
	color:#6e6f37;
}
th{
	height:64px;
	border-right:1px solid #fff;
	vertical-align:bottom;
	color:#FFFFFF;
	font-size:18px;
	background:url(bg_th.gif) no-repeat bottom left;
}
td{
	text-align:center;
	background:url(bg_td.gif) no-repeat bottom left;
	border-right:1px solid #fff;
	color:#FFFFFF;
	width:108px; height:40px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
td.on{
	background:url(bg_td_on.gif) no-repeat bottom left;
}
th.on{
	background:url(bg_th_on.gif) no-repeat bottom left;
	padding-bottom:9px;
	width:148px; color:#fff600;
}
tfoot td{
	background:url(bg_foot_td.gif) no-repeat top left;
	height:64px;
	vertical-align:top;
	padding-top:8px;
}
tfoot td.on{
	background:url(bg_foot_td_on.gif) no-repeat top left;
	padding-top:16px;
}
tfoot td.side{
	background:url(bg_foot_td_side.gif) no-repeat top left;
}

#prices{
	position:relative;
}
#formcontainer{
	width:443px; height:239px;
	background:url(bg_form.gif) no-repeat top left;
	position:absolute;	/* 绝对定位 */
	padding:0px; margin:0px;
	top:24px; left:341px;
	z-index:1;
}
#formcontainer form{
	padding:8px 10px;
	margin:0px;
}
#formcontainer h2{
	margin:0px;
	padding:14px 0px 4px 10px;
	font-size:15px;
	color:#FFFFFF;
}
#formcontainer fieldset{
	border:none;
	padding:0px;
}
#formcontainer label{
	display:block;
	font-size:12px;
	font-family:Verdana;
	color:#FFFFFF;
	padding:8px 0px 0px 10px;
}
#formcontainer label.email{
	width:350px;
}
#formcontainer label input{
	width:300px;
	border:1px solid #FFFFFF;
	background-color:#909090;
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#formcontainer fieldset.buttons{
	padding:25px 0px 0px 260px;
}
#formcontainer span{
	margin:0px 0px 0px 2px;
	width:20px; padding:0px;
	display:none; 
	height:20px; position:relative;
	vertical-align:top;
}
#formcontainer span img{
	position:absolute;
	top:0px; left:0px;
}
#formcontainer p{
	color:#FFFF66;
	margin:0px;
	padding:30px;
}