如何去除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的默认边距
猜你喜欢