富贵资源网 Design By www.hznty.com
话不多说,请看代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Picture carousel</title> <style> * { margin: 0; padding: 0; } .carousel-container { overflow: hidden; width: 405px;/* 130*3+5*3 = 405 */ height: 150px; margin: 50px auto; background-color: #2c2c2c; } .carousel-area { width: 1350px;/* 675*2 = 1350 */ height: 150px; } .carousel-ul { float: left; overflow: hidden; width: 675px;/* 130*5+5*5 = 675 */ height: 150px; } .carousel-ul li { float: left; overflow: hidden; width: 130px; height: 130px; margin: 10px 5px 10px 0; list-style-type: none; } </style> </head> <body> <div class="carousel-container"> <div class="carousel-area"> <ul class="carousel-ul" id="carousel-ul-1"> <li><img src="/UploadFiles/2021-04-02/1.gif">以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
富贵资源网 Design By www.hznty.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
富贵资源网 Design By www.hznty.com
暂无评论...