如何去除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中如何将列表居中?
  • 热门搜索
    东莞旅游网 张家港旅游景点大全 安徽有哪些旅游景点 陕西黄龙县旅游景点 哈尔滨冬季旅游 郎木寺旅游 港澳台旅游 山东青岛旅游攻略 驻马店旅游景点大全 栖霞旅游景点大全