* { padding:0; margin:0; } .Imgbox { width:1000px; height:398px; position:relative; top:50px; margin:0 auto; } .lbview { width:1000px; height:398px; overflow:hidden; } .lbview ul { width:6500px; height:398px; } .lbview ul li { list-style:none; width:1000px; height:398px; display:inline-block; border-radius:8px; overflow:hidden; } .lbview ul li img { width:100%; height:100%; } .btn { position:absolute; width:38px; height:38px; background:rgba(0,0,0,.3); border-radius:19px; top:50%; text-align:center; line-height:38px; color:#fff; cursor:pointer; margin-top:-19px; } .btn-prev { left:20px; transition:.3s } .btn-prev:hover { left:0; width:58px; border-radius:0 19px 19px 0; transition:.3s } .btn-next { right:20px; transform:rotate(180deg); transition:.3s } .btn-next:hover { right:0; width:58px; border-radius:0 19px 19px 0; transition:.3s } .list { position:absolute; bottom:30px; left:50%; width:172px; height:20px; background:rgba(0,0,0,.3); border-radius:10px; margin-left:-86px; } .list ul li { width:12px; height:12px; border-radius:50%; background:#fff; list-style:none; display:inline-block; margin:4px; cursor:pointer; } .list ul li:hover { background:#9f0fff; } .list ul { line-height:20px; width:100%; height:20px; text-align:center; } .zi { background:#9f0fff!important; }
喜欢的话点赞哦!也可以一起交流扣扣:970240660