第一个网页作品




	
	博雅浏览器
	

    


		   	
     
     
     
     
     
     

         
     
     
     
     
     

*{margin:0;padding: 0;}
body{font:12px/150% "宋体",arial;color: black;
background:url(../images/banner.jpg) center 60px no-repeat;}
/*h1,h2,h3,h4,h5,h6{font-size: 100%;}  /*就是让所有的h标题和body字体大小一样大*/*/
img{border:0;display:block;}  /*清除图片底侧数据*/
ul,ol{list-style: none;} /*把列表中的小点去掉*/
a{text-decoration:none;color: #444866;} /*链接属性*/
a:hover{text-decoration: underline;} /*链接下划线*/
.clearfix:after{
	  content: "";
	  display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
 /* .clearfix{zoom:1;} */
 .header{
 	width: 230px;
 	height: 60px;
 	background-color: #191D3A;
 	padding: 0 0 0 175px;
 	float:left;
 }


 .logo{
 	width: 174px;
 	height: 58px;
 	background: url(../images/logo.png) no-repeat;
 	text-indent:-9999em;
 	
 }
 .logo a{
 	display: block;
 	height: 58px;
 	
 }
 .nav1,.nav2,.nav3,.nav4,.nav5,.nav6{
   	width: 90px;
   	height: 36px;
   	background: #191D3A;
   	float: left;
   	text-align: center;
   	padding-top:24px; 
   	font-size:14px;
    color: #c0c0c0;
    font-family: Georgia;
    border-right-style: inset;
    border-right-width: 1px;
    border-right-color: #c0c0c0;
 }
 .nav7{
 	width: 254px;
 	height: 48px;
 	background: #191D3A;
 	position: absolute;
  left: 951px;
  top: 0px;
 	padding: 12px 0 0 138px;

 }
 .buttom{
 	width:100px;
 	height:34px;
 	background: url(../images/button.png) no-repeat;
 	text-indent:-9999em;

 }
 .buttom a{
 	display: block;
 	height: 34px;
 }
  a:hover { text-decoration: none; color: #33b972; } 
 
 .photo1{
  height:128px;
  width: 218px;
  background: url(../images/bpt.jpg) no-repeat; 
  position: absolute;
  left: 172px;
  top: 568px;
  text-indent:-9999em;
 }
 .photo1 a{
  display: block;
  height: 128px;
 }
 .photo2{
  height:128px;
  width:218px;
  background: url(../images/video.jpg) no-repeat;
  position:absolute;
  left: 433px;
  top: 568px;
  text-indent: -9999em;
 }
 .photo2 a{
  display: block;
  height:128px;
 }
 .photo3{
  height: 128px;
  width: 218px;
  background: url(../images/gamepic3.jpg) no-repeat;
  position: absolute;
  left:694px;
  top:568px;
  text-indent:-9999em;
 }
 .photo3 a{
  display: block;
  height: 128px;
 }
 .photo4{
  height: 128px;
  width: 218px;
  background: url(../images/gamepic1.jpg) no-repeat;
  position: absolute;
  left:955px;
  top:568px;
  text-indent: -9999em;
 }
 .photo4 a{
  display:block;
  height: 128px;
 }
 .photonews{
  height: 278px;
  width: 488px;
  background:url(../images/bynewsbg.jpg);
  position: absolute;
  left: 191px;
  top: 834px;
 }
 .photowoman{
  height: 278px;
  width: 450px;
  background: url(../images/byhrbg3.jpg);
  position: absolute;
  left: 678px;
  top: 834px;
 }
 .photobottom{
  height: 128px;
  width: 100%;
  background-color: #191D3A;
  position: absolute;
  top: 1163px;
 }
 .MORE1{
  height: 25px;
  width: 59px;
  background:url(../images/more.png);
  position: absolute;
  top: 882px;
  left: 402px;
  text-indent: -9999em;
 }
 .MORE1 a{
  display:block;
  height: 25px;
 }
 .MORE2 { 
  height: 25px;
  width: 59px;
  background:url(../images/more2.png);
  position: absolute;
  top: 868px;
  left: 882px;
  text-indent: -9999em;
 }
 .MORE2 a{
  display:block;
  height: 25px;
 }
 .indexnewscon{
  width: 487px;
  height: 158px;
 /*  background-color: black; */
  position: absolute;
  top:120px;
  left: 0px;
  padding: 0 20px; 
  padding-left: 20px; 
 }
 .newslist li{
  border-bottom: 1px solid #dbele7; 
  padding:10px 0;
  font-size: 1.166em;
  line-height: 20px;
 }
 .newslist li .time { 
  margin-left: 18px; 
  color: #afbecf; 
  font-size: 12px; 
 }
 .stit{
  width: 125px;
  height: 40px;
  position:absolute;
  top:35px;
  left: 68px;
 }
 .stit h1{
  font-size: 28px;
  font-family: 粗体;
  display: block;
  line-height: 34px;
  font-weight: 700px;
  color:#fff;

 }
 .stit p{
  font-family: Roman;
  color:#fff; 
  font-size: 12px;
  margin-left: 3px; 
 }
 .recruit{
  width: 290px;
  height: 180px;
  position:absolute;
  top:100px;
  left: 20px;
 }
 .recruitlist li {
  border-bottom: 1px solid #dbele7;
  font-size: 1.16em;
  line-height: 34px;
  color:#fff;
  font-family: 宋体;
 }

 .recruit h3{ 
  color: #fff; 
 }
 .area{
  width: 958px;
  height: 46px;
  position: absolute;
  top: 10px;
  left: 230px;
  color:#444866;
 }

你可能感兴趣的:(第一个网页作品)