19.css

页面的介绍 css div 页面布局相关的资料

body{
	background-color:#ffd8d9;
	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(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(button1_bg.jpg) no-repeat;
	/* 替换背景图片 */
}

#left{
	width:180px;
	float:left;
	background:#FFFFFF url(leftbottom.jpg) no-repeat bottom; /* 下端圆角 */
	margin:1px 0px 0px 0px;
}
#login{
	background:url(login.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(category.jpg) no-repeat;
	padding:55px 0px 40px 0px;
}
#category h4{
	margin:0px 18px 0px 18px;
	padding:3px 0px 1px 5px;
	background-color:#ffd1d1;
	font-size:12px;
}
#category ul{
	list-style:none;
	margin:0px;
	padding:5px 22px 15px 22px;
}
#category ul li{
	padding:2px 0px 2px 16px;
	border-bottom:1px dashed #999999;
	background:url(icon1.gif) no-repeat 5px 7px;
}
#category ul li a:link, #category ul li a:visited{
	color:#000000;
	text-decoration:none;
}
#category ul li a:hover{
	color:#666666;
	text-decoration:underline;
}

#main{
	float:left;
	width:518px;
	margin:1px 0px 0px 2px
}
#latest{
	background:url(latest.jpg) no-repeat;
	padding:35px 0px 0px 0px;
}
#latest img{
	border:none;
	padding-left:1px;
}
#recommend{
	background:url(recommend.jpg) no-repeat;
	margin:5px 0px 0px 0px;
	padding:35px 0px 0px 0px;
	background-color:#FFFFFF;
}
#recommend br,#new br, #tips br{
	display:block;
	clear:both;
	margin:0px; padding:0px;
}
#recommend ul, #new ul{
	list-style:none;
	margin:0px;
	padding:5px 5px 5px 8px;
}
#recommend ul li, #new ul li{
	text-align:center;
	float:left;
	width:125px;
}
#recommend ul li img, #new ul li img{
	border:none;
	margin:5px 0px 3px 0px;
	padding:0px;
}
#recommend ul li a:link,#recommend ul li a:visited, #new ul li a:link,#new ul li a:visited{
	color:#666666;
	text-decoration:none;
}
#recommend ul li a:hover, #new ul li a:hover{
	color:#d20005;
	text-decoration:underline;
}

#new{
	background:url(new.jpg) no-repeat;
	margin:5px 0px 0px 0px;
	padding:35px 0px 0px 0px;
	background-color:#FFFFFF;
}

#tips{
	background:url(tips.jpg) no-repeat;
	margin:5px 0px 0px 0px;
	padding:35px 0px 0px 0px;
	background-color:#FFFFFF;
}
#tips ul{
	list-style:none;
	margin:0px;
	padding:5px 5px 5px 30px;
}
#tips ul li{
	background:url(icon2.gif) no-repeat 5px 6px;
	padding:1px 0px 1px 12px;
	float:left;
	width:220px;	/* 指定宽度 */
}
#tips ul li a:link,#tips ul li a:visited{
	color:#222222;
	text-decoration:none;	
}
#tips ul li a:hover{
	color:#d20005;
	text-decoration:underline;
}