CSS去除列表默认边距的简单方法
网站建设 2023-01-28 20:49www.1681989.com免费网站
简单方法ul左侧边距设定及div中每行实现虚线
body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,put{ marg:0; paddg: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{
marg-: 0px;
marg-right: 4px;
marg-bottom: 4px;
marg-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{
marg-: 0px;
marg-right: 4px;
marg-bottom: 4px;
paddg-left: 0px;
marg-left: 4px;
}
轻松实现,见图。
小贴士button问题,有时用css控制的图片在dw里正常显示,但在浏览器中显示不出来,是因为需要设一下背景色的色彩(那怕是透明),然后显示即OK
复制代码
代码如下:body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,put{ marg:0; paddg: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{
marg-: 0px;
marg-right: 4px;
marg-bottom: 4px;
marg-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{
marg-: 0px;
marg-right: 4px;
marg-bottom: 4px;
paddg-left: 0px;
marg-left: 4px;
}
轻松实现,见图。
小贴士button问题,有时用css控制的图片在dw里正常显示,但在浏览器中显示不出来,是因为需要设一下背景色的色彩(那怕是透明),然后显示即OK
网站设计
- 静宁会SEO的网站建设公司:全面提升您的网络影
- 提升在线业务的关键:选择最佳的丽水网站建设
- 浙江网站优化发展潜力如何
- 井研专业的网站建设公司:打造您的在线品牌
- 灵山SEO网站建设公司:提升您的在线业务表现
- 蒙城网站建设优化公司:提升您网站表现的理想
- 阳谷企业网站优化:提升线上业务力的关键
- 樟树专业的网站建设公司:打造您在线业务的坚
- 通河百度SEO排名的策略与技巧
- 重庆百度快照排名如何进行精准的客户引流
- 重庆百度快照排名
- 常宁便宜的建站公司:助您轻松打造在线业务
- 巫溪百度网站优化:提升网站曝光率与流量的关
- 湖北整站优化怎么做才能放大客户需求
- 闸北网站建设多少钱?全面解析与预算规划
- 辽宁企业网站优化怎么做电话营销