UI/篮球.css

微信扫码关注公众号，代码整理好后第一时间通知你。

#lqq1{width:131px;
height:260px;
margin-left:150px;
margin-top:20px;
float:left;
}

#lqq2{font-family:微软雅黑;font-size:large;font-weight:bold;color:White;}
#lqq3{font-family:微软雅黑;font-size:medium;margin-left:30px;margin-top:10px;display:block;color:White;border-left:5px solid #red;}

#photo-list {width:850px;height:300px;overflow:hidden;border:1px dashed #ccc;margin-top:65px;}
#photo-list ul{list-style:none;}  
#photo-list li{float:left; padding-right:9px;}  
#photo-list img{border:1px solid #ddd;background:#fff; padding:2px;}
#lqq8{width:1000px;height:700px;float:left;margin-top:70px;margin-left:200px;}
#lqq9{width:250px;height:330px;float:left;margin-top:30px;border: 1px solid silver;}
#lqq10{width:1050px;height:360px;float:left;}
#lqq11{font-family:微软雅黑;font-size:x-large;float:left;color:White;}
#lqq12{width:1000px;height:360px;float:left;margin-top:60px;}

  body,div,ul,li,a,img{margin: 0;padding: 0;}
  ul,li{list-style: none;}
  a{text-decoration: none;}
 
  .wrapper{position: relative;margin: 30px auto;width: 700px;height: 300px;margin-top:32px;margin-right:360px;}
  .banner{width: 700px;height: 300px;overflow: hidden;}
  .imgList{width: 700px;height: 300px;z-index: 10;}
  .imgList li{display: none;}
  .imgList .imgOn{display: inline;}
  .bg{position: absolute;bottom: 0;width: 700px;height: 40px;z-index:20;opacity: 0.4;filter:alpha(opacity=40);background: black;}
  .infoList{position: absolute;left: 10px;bottom: 10px;z-index: 30;font-family:微软雅黑;}
  .infoList li{display: none;}
  .infoList .infoOn{display: inline;color: white;}
  .indexList{position: absolute;right: 10px;bottom: 5px;z-index: 30;}
  .indexList li{float: left;margin-right: 5px;padding: 2px 4px;border: 1px solid black;background: white;cursor: pointer;}
  .indexList .indexOn{background: red;font-weight: bold;color: white;}
  
  
  #lqq20{font-family:微软雅黑;font-size:large;color:White;}
  #lqq21{font-family:微软雅黑;font-size:large;color:Red;}
  
  #lqq30{width:1000px;height:100px;float:left;margin-top:130px;font-family:微软雅黑;font-size:medium;color:White;}
  
  body{background-image:url(实验5.jpg);background-repeat:no-repeat;
background-attachment:fixed;
background-position:top;}


#lqq3 a{font-family:微软雅黑;font-size:medium;display:block;color:white;border-left:5px solid #red;}
#lqq3 a:hover{ /*这个大概的意思就是当鼠标放到这个a元素的上面时，这个a元素的样式就按下面的代码执行*/
color:red;border-left:5px solid #red;}
a{color:White;}
a:hover{color:red;}
#lqq50{color:White;}