今天小编跟大家讲解下有关CSS去除列表默认边距的简单方法 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关CSS去除列表默认边距的简单方法 的相关资料，希望小伙伴们看了有所帮助。
简单方法：ul左侧边距设定及div中每行实现虚线 复制代码代码如下: body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input{ margin:0; padding:0;} h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;} ol,ul{ list-style:none;} img,fieldset{ border:0 none; display:block;} 由于各个版本的浏览器 对一些标签的初始值不一样 我们需要帮它们初始化成一样的 用于兼容各个版本的浏览器 ul左侧边距设定和在div中如何实现每行下虚线(多行)的问题 现就个人心得写一个简单的方法。 1.将行内容套入li。见图。 这时总会自动产生左边距。 2.设定UL 将ul边界设为。 复制代码代码如下: .ul{ margin-top: 0px; margin-right: 4px; margin-bottom: 4px; margin-left: 4px; } 3.设定li的虚线。 复制代码代码如下: .li{ border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; list-style-type: none; } 到止为止 在ie7下显示正常 但ul在Firefox下默认有一定的内边距 所以还需设左边距 即： 复制代码代码如下: .ul{ margin-top: 0px; margin-right: 4px; margin-bottom: 4px; padding-left: 0px; margin-left: 4px; } 轻松实现 见图。 小贴士：button问题 有时用css控制的图片在dw里正常显示 但在浏览器中显示不出来 是因为需要设一下背景色的色彩（那怕是透明） 然后显示即OK来源：爱蒂网
