ul、li默认margin、padding深入研究

废话不多说先上代码和最终效果图。

代码:

 





ul\li默认margin\padding测试




	


 效果图:

ul、li默认margin、padding深入研究_第1张图片

ul、li默认margin、padding深入研究_第2张图片

ul、li默认margin、padding深入研究_第3张图片

ul、li默认margin、padding深入研究_第4张图片

ul、li默认margin、padding深入研究_第5张图片

(一)、测试ul的margin-top、margin-bottom:

ul{margin-top:0;margin-bottom:0;padding-left:0;*margin-left:0;}

把以上代码中的margin-top、margin-bottom删掉,结果看图:

 

ul、li默认margin、padding深入研究_第6张图片

ul、li默认margin、padding深入研究_第7张图片

 

ul、li默认margin、padding深入研究_第8张图片

ul、li默认margin、padding深入研究_第9张图片

ul、li默认margin、padding深入研究_第10张图片

剩下的margin-left、padding-left这里就不再上图了。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(ul、li默认margin、padding深入研究)