如何去除UL的默认边距

 时间:2024-10-11 22:50:53

1、首先打开Dreamweaver,Dreamweaver是我们最早接触的网页编辑软件,很适合新手。

如何去除UL的默认边距

3、页面代码如下兔脒巛钒图所示,很简单的,新手都能一看即懂,在代码中我去掉了LI默认的list-style 圆点,这样就排除原点间距与默认边距叠加造成的混淆效果了。

如何去除UL的默认边距

5、这是因为我们没有去除默认边距的原因,下面这张图我们加上了【margin:0;padding:0;】,然后我们查看一下效果。

如何去除UL的默认边距

7、上面我们说到的ul的边距,其中页面也有边距问题,这是新手绝对会遇到与困惑的事情,我承认我曾经也困惑过,图中黑色箭头指的就是页面的边距。

如何去除UL的默认边距

9、效果如下图所示,页面的边距消失啦。

如何去除UL的默认边距
  • jquery如何将p标签移动到div标签的前面
  • HTML、CSS3怎么制作渐变边框
  • 在css中如何设置左浮动和右浮动?
  • 实现整个html居中最简单方法
  • CSS中如何将列表居中?
  • 热门搜索
    河北旅游景点介绍 黔南州旅游 北京市旅游局网站 南日岛旅游 邵武旅游景点大全 毕业旅游景点 邯郸旅游网 国外旅游的好地方 浙江省内旅游景点 中国旅游的好地方