CSS去除列表默认边距的简单方法
2013-09-16 15:41
471 查看
简单方法:ul左侧边距设定及div中每行实现虚线
由于各个版本的浏览器,对一些标签的初始值不一样,我们需要帮它们初始化成一样的,用于兼容各个版本的浏览器
ul左侧边距设定和在div中如何实现每行下虚线(多行)的问题,现就个人心得写一个简单的方法。
1.将行内容套入li。见图。
这时总会自动产生左边距。
2.设定UL,将ul边界设为。
3.设定li的虚线。
到止为止,在ie7下显示正常,但ul在Firefox下默认有一定的内边距,所以还需设左边距,即:
轻松实现,见图。
小贴士:button问题,有时用css控制的图片在dw里正常显示,但在浏览器中显示不出来,是因为需要设一下背景色的色彩(那怕是透明),然后显示即OK
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
相关文章推荐
- CSS怎样去除列表默认的边距
- HTML,CSS去除块级元素默认边距
- 关于HTML下overflow-y:auto无效、清除HTML默认边距、解决去除手机访问网页时的左右多余空白的三个方法汇总
- table tr th td 去除默认的边距,间距方法
- table tr th td 去除默认的边距,间距方法
- css之去除html标签默认的外边距margin和内边距padding
- CSS去除表格td默认间距及制作1px细线表格
- java中把list列表转为arrayList以及arraylist数组截取的简单方法
- CSS创建竖排文字的简单方法
- CSS实例(六):实现网页固定大小三态图形按钮简单方法
- CSS 外边距(margin)重叠及防止方法
- CSS创建竖排文字的简单方法
- dedecms列表不显示第一个元素如分隔符的简单方法
- 重构方法简单列表
- csshover.htc 以及简单使用方法(解决IE6下 :hover 在其他标签下无效问题)
- css基础 使用div块清除无序列表ul,li中的左右浮动的简单示例 clear:both
- 使用CSS去除 去掉超链接的下划线方法
- javascrpt 去除空格的简单易懂方法
- 用纯css改变下拉列表select框的默认样式