css代码
<style>
* {
padding: 0;
margin: 0;
}
li {
list-style: none;
}
#lbt {
width: 400px;
height: 400px;
border: solid red 1px;
overflow: hidden;
position: relative;
margin: 100px auto;
}
#lbt1 {
width: 400px;
height: 400px;
position: relative;
}
#lbt1 img {
position: absolute;
left: 0;
top: 0;
width: 400px;
height: 400px;
opacity: 0;
}
#lbt1 .imgS {
opacity: 1;
}
.ull {
width: 60px;
height: 20px;
position: absolute;
left: 0;
right: 0;
bottom: 20px;
margin: auto;
display: flex;
justify-content: space-around;
align-items: center;
}
.ull li {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: blue;
cursor: pointer;
}
.ull .active {
background: red;
}
#lbt i {
display: block