html第八章课后作业京东轮播,京东轮播图.html

Title

*{

margin: 0;

padding: 0;

list-style: none;

}

#all{

height: 340px;

width: 790px;

margin: 100px auto;

position: relative;

}

#all li{

display: none;

position: absolute;

}

#all li:first-child{

display: block;

}

#little{

display: none;

}

#all:hover #little{

display: block;

}

#little-left{

font-family: "SimSun", "宋体";

width: 30px;

height: 60px;

background-color: rgba(0, 0, 0, 0.1);

position: absolute;

top: 50%;

margin-top: -30px;

cursor: pointer;

text-align: center;

line-height: 60px;

color: #fff;

font-weight: 700;

font-size: 30px;

}