蒸饺jio 2020-12-03 14:02 采纳率: 100%
浏览 855
已采纳

这种轮播图的切换小圆点用css怎么做出这种样式

 

  • 写回答

2条回答 默认 最新

  • 一朵小浪花儿 2020-12-03 15:27
    关注

    尽力了

    <!DOCTYPE html>
<html>
<head>
<style> 
div.wrap
{
margin-top:100px;
margin-left:100px;
width:300px;
height:100px;
background-color:#DDD;
display: flex;
align-items: center;
justify-content: space-around;
}
a{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: inset 0px 2px 5px -2.5px #000,inset 0px 1px 3px -1px #000;
    background-color: #e4e4e4;
}
a:active{
    background-color: #93CF11;
}
</style>
</head>
<body>

<div class="wrap">
    <a></a>
    <a></a>
    <a></a>
</div>

</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？