comp3.css

自制国外大学学校计算机学院网站

body {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	
}


td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}


#logo {
	top:0;
	left:0;
	background-image:url('images/logo8.jpg');
	position:absolute;
	height:107px;
	width:68%;
	background-repeat:no-repeat;
	background-position:left top; 
}

#logo2 {
	top:0;
	position:absolute;
	left:68%;
	height:67px;
	width:32%;
	background-repeat:no-repeat;
	background-image:url('images/lulogo.gif');
}

#logo3 {
	top:107px;
	position:absolute;
	left:0;
	height:10px;
	width:100%;
	background-image:url('images/bar.jpg');
}

#content{
		padding-right: 1em;
		padding-bottom: 5px;
		margin-left: 178px;
		
		padding-left: 2em;
		padding-top: 120px;
		border-left:thin;
		border-left-style:solid;
		border-left-color:#330066;
		border-right:thin;
		border-right-color:#330066;
		border-right-style:solid;
		border-bottom:thin;
		border-bottom-color:#330066;
		border-bottom-style:solid;
}

#button {
padding-top:128px;
float:left;
left:0;
width:178px;
border-right: 1px solid #CC0066;
padding-bottom:1em;
margin-bottom: 1em;
font-family: 'Arial',
Verdana, Lucida, Geneva, Helvetica,
Arial, sans-serif;
background-color: #330066;
color: #330066;
}

#button ul {
width:178px;
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#button li {
width:172px;
border-bottom: 1px solid #CC0066;
border-left: 1px solid #CC0066;
margin: 0;
}

#button li a {
display: block;
padding: 5px 1px 5px 0.1em;
background-color: #330066;
color: #fff;
text-decoration: none;
width:172px;
}

#button li a:hover {
background-color: #E1CBF6;
color: #330066;
}


#button ul li ul li a{
display: block;	
width:157px;
padding: 5px 1px 5px 1em;
background-color: #E1CBF6;
color: #330066;
text-decoration: none;
}

#button ul li ul li a:hover{
width:157px;
background-color: #F0EBF5;
color: #330066;
}

html>body #button li a {
width: auto;
}