index.css

JSP+SQL2000做的火车站售票管理系统

body{
	background-color:#0000CC;
	margin:1px 0px 0px 0px;
	padding:0px;
	text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#container{
	position:relative;
	margin:0px auto 0px auto;
	width:700px;
	text-align:left;
}

#globallink{
	margin:0px; padding:0px;
}
#globallink ul{
    list-style:none;
	padding:0px; margin:0px;
}
#globallink li{
	float:left; 
	text-align:center;
	width:100px;	
}
#globallink a{
	display:block;
	padding:9px 6px 11px 6px;
	background:url(../image/button1.jpg) no-repeat;
	margin:0px;
}
#globallink a:link, #globallink a:visited{
	color:#630002;
	text-decoration:none;
}
#globallink a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	background:url(../image/button1_bg.jpg) no-repeat;
	/* 替换背景图片 */
}

#left{
	width:180px;
	float:left;
	background:#0066CC;
	margin:5px 0px 0px 0px;
}
#login{
	background:url(../image/logo.jpg) no-repeat;
	padding:55px 0px 10px 0px;
}
#login form{
	padding:0px; margin:0px;
}
#login p{
	margin:0px; text-align:left;
	padding:5px 0px 0px 25px;
}
#login p input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#login form input.text{
	border-bottom:1px solid #000000;
	border-left:none; border-right:none;
	border-top:none;
	padding:0px; width:90px;
}
#login form input.btn{
	border:1px solid #000000;
	background-color:#ffeff0;
	height:17px; padding:0px;
}
#login p a:link, #login p a:visited{
	color:#333333;
	text-decoration:none;
}
#login p a:hover{
	color:#000088;
	text-decoration:underline;
}

#category{
	background:url(../image/lefttitle.jpg) no-repeat;
	padding:55px 0px 40px 0px;
}
#category h4{
	margin:0px 33px 0px 0px;
	padding:3px 0px 1px 5px;
	background-color:#00CC66;
	font-size:12px;
}
#category form{
	padding:0px; margin:0px;
}
#category p{
	margin:0px; text-align:left;
	padding:5px 0px 0px 25px;
}
#category p input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#category form input.text{
	border-bottom:1px solid #000000;
	border-left:none; border-right:none;
	border-top:none;
	padding:0px; width:90px;
}
#category form input.btn{
	border:1px solid #000000;
	background-color:#ffeff0;
	height:17px; padding:0px;
	text-align:center
}
#category p a:link,#category p a:visited{
	color:#333333;
	text-decoration:none;
}
#category p a:hover{
	color:#000088;
	text-decoration:underline;
}
#link{
	background:url(../image/lefttitle2.jpg) no-repeat;
	padding:55px 0px 40px 0px;
}
#link ul{
    list-style:none;
	padding:0px; margin:0px;
}
#link li{
	float:left; 
	text-align:center;
	width:100px;	
}
#link a{
	display:block;
	padding:5px 6px 5px 6px;
	margin:0px;
}
#link a:link, #link a:visited{
	color:#000000;
	text-decoration:none;
}
#link a:hover{
	color:#990000;
	text-decoration:underline;
	}

#main{
	float:left;
	width:518px;
	margin:0px 0px 0px 1px;
	background-color:#0066CC;
}
#latest{
	background:url(../image/maintitle.jpg) no-repeat;
	padding:35px 0px 0px 0px;
}
#latest a:link,#latest a:visited{
	color:#000000;
	text-decoration:none;
}
#latest a:hover{
	color:#990000;
	text-decoration:underline;
	}
#newline{
background:url(../image/maintitle2.gif) no-repeat;
	padding:35px 0px 0px 0px;}
#newline a:link, #newline a:visited{
	color:#000000;
	text-decoration:none;
}
#newline a:hover{
	color:#990000;
	text-decoration:underline;
	}


#guanggao{
	background:url(../image/maintitle3.gif) no-repeat;
	padding:35px 0px 0px 0px;
}
#guanggao img{
	border:none;
	padding-left:1px;
}
#guanggao ul li{
	text-align:center;
	float:left;
	width:125px;
}
#guanggao a:link, #guanggao a:visited{
	color:#000000;
	text-decoration:none;
}
#guanggao a:hover{
	color:#990000;
	text-decoration:underline;
	}
	
#foot
{
background-color:#00FFCC;
text-align:center;
clear:both;}