css轮播图底部小点点位置问题

不明白我的小 li 为啥不顶格出现，嘻嘻不过更会发这个博客了-OvO-

.circle {position: absolute;left: 50%;margin-left: -35px;bottom: 15px;height: 13px;width: 70px;border-radius: 7px;background: rgba(255 ,255 ,255,.3);   /*background-color: blue;*/}.circle li {float: left;width: 8px;height: 8px;background: #fff;background-color: #fff;border-radius: 50%;/*margin: 3px ;*/

---------是不是我前面设置的了，我弄个新界面在试一下-----------

还是不行，出现问题了

<style type="text/css">li {list-style: none;}.circle {height: 13px;width: 70px;border-radius: 7px;background: blueviolet;   /*background-color: blue;*/}.circle li {float: left;width: 8px;height: 8px;background-color: #fff;border-radius: 50%;margin: 3px ; </style></head><body><ul class="circle"><li> </li><li> </li><li> </li><li> </li><li> </li></ul></body>

。。。。。存个问题
---------出来了--------
我在网页上检查，我的 ul 里有一个默认的左内边距，加了一句话

padding: 0;

效果就出来了hah ~
原理还不懂，继续坚持学下去，

css轮播图底部小点点位置问题相关推荐

css轮播箭头怎么隐藏,CSS——轮播图中的箭头
注意事项: 1.定位中left权重比right高,top权重比bottom高 2.两个span标签嵌套在一个盒子中,将来显示隐藏只需要控制父盒子就行了 .box { width: 400px; hei ...
开源炫酷css轮播图可直接引入html文件使用含注释 jQuery插件
开源炫酷css轮播图可直接引入html文件使用含注释 jQuery插件 1.轮播图样式上图: 请访问:这里!! 查看轮播图效果. 2.如何在html里面引用文件的目录路径为: 需要轮播图插件的 ...
css如何设置轮播速度,css轮播图如何实现？
在往期文章小编介绍过 JS 如何实现轮播图.那么这篇文章我们来介绍另一种方法:CSS 轮播图如何实现. 实现效果实现思路用 CSS 实现图片轮播主要是用到 CSS3 animation 属性和 ...
CSS轮播图中小圆点的定位问题
新手上道,磕碰不少,遇到一个轮播图切换点(类似淘宝中的banner轮播下的小圆点)的位置问题,今天做个记录. 就是下面这张图中蓝色圈中的部分的效果. 我用的是定位流,"子绝父相", ...
HTML+CSS 轮播图电商网站注册界面抽屉主页头部界面
[练习]HTML+CSS 作业要求1 京东首页轮播图,效果如下 jd轮播图 <!DOCTYPE html> <html lang="en"> <he ...
html+css轮播图
昨天收到腾讯云客服电话,告知我网站域名备案后无法正常访问,管局会在25号强制解除备案! 我也是醉了,这坑货客服收到告知后部立刻联系,等到或到期了,联系我,无奈只能随便先写个东西放上去应付一下了! 这样 ...
html css实现自动滑动的轮播图,CSS 轮播图的实现（纯CSS，连续滑动无倒滑效果）...
简单demo:使用HTML+CSS 实现轮播图(三张图为例,分别为:红.绿.蓝)的效果. 实现效果: 不能发视频,截图来代替吧示意图1.png 示意图2.png 示意图3.png 实现思路使用 d ...
Vuetify Carouse轮播图图片切换导致页面总是自动跳转到轮播图位置
文章目录 begin !!! Solution1 Solution2 end begin vuetify carouse轮播图的图片自动切换的时候, 会自动聚焦跳转到轮播图自身的位置. 这导致了一个 ...
制作一个简单的轮播图
记录一下轮播图制作(这里用的是原生js制作的) 前期准备工作 1.自己用的顺手的开发工具,我这里用的时HBuilder来写的 2.创建项目 3.在项目中创建images.css.js文件夹,把需要制作 ...

css轮播图底部小点点位置问题

css轮播图底部小点点位置问题相关推荐

最新文章

热门文章