会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132464个问题
JAVA 全系列/第一阶段:JAVA 快速入门/IDEA的使用和第一个java项目 12856楼

image.png

servletdemo.rar

老师,包给你了,帮我看一下

JAVA 全系列/第五阶段:JavaWeb开发/Servlet技术详解(旧) 12857楼
JAVA 全系列/预科阶段:职业规划/学习方法/程序员的基本素养和职业规划 12860楼
WEB前端全系列/第十八阶段:Vue3知识体系/Vue路由 12861楼
Python 全系列/第十二阶段:Python_Django3框架/Django初级 12863楼
JAVA 全系列/第六阶段:项目管理与SSM框架/SpringMVC旧 12867楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>轮播图的设计与实现</title>
    <link rel="stylesheet" href="reset.css">
    <style>
        .wrapper{
            width:600px;
            height:600px;
            position:relative; 
        }
        .content{
            width:300px;
            height:300px;
        }
        .items{position: relative;}
        .items img{
            width:300px;
            height:300px;
            position:absolute;
        }
        .circle li{
            width:10px;
            height:10px;
            border-radius:50%;
            background-color: chocolate;
            float:left;
            margin: 0 6px;
        }
        .circle{position:absolute;right:160px;
        bottom:320px;}
        .prev{
        position:absolute;
        left:180px;
        top:200px;
        width:40px;
        height:60px;
        background: url("image/6.png");
        background-size: 40px;
        background-repeat: no-repeat;
        
    }
     .next{
        position:absolute;
        right:180px;
        top:200px;
        width:40px;
        height:60px;
        background: url("image/7.png");
        background-size: 40px;
        background-repeat: no-repeat;
        
    }
    </style>
</head>
<body>
    <div class="wrapper">
       <div class="content">
       <div class="items"><img src="image/luo1.jpg" alt=""></div>
       <div class="items"><img src="image/luo6.jpg" alt=""></div>
       <div class="items"><img src="image/luo3.jpg" alt=""></div>
       <div class="items"> <img src="image/luo4.jpg" alt=""></div>
       <div class="items"><img src="image/luo5.jpg" alt=""></div>
       <div class="items"> <img src="image/luo3.jpg" alt=""></div>
       </div>
       <ul class="circle">
        <li id="pic1"></li>
        <li id="pic2"></li>
        <li id="pic3"></li>
        <li id="pic4"></li>
        <li id="pic5"></li>
        <li id="pic6"></li>
    </ul>
     <!-- 图片左右方来回滚动图片的左右箭头-->
     <a href=" " class=" prev"></a>
     <a href="#" class=" next"></a> 
    </div>  
</body>
</html>

老师,我这里content没有设置居中,图片应该在最左侧,这里怎么显示在这个位置?图片.png

WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS3新特性 12869楼
JAVA 全系列/第十二阶段:Spring Cloud Alibaba技术栈/Zookeeper 12870楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637