CSS除去目录默认设置边距的简易方式

日期:2021-03-09 类型:科技新闻 

关键词:秀米制作h5,h5如何制作,h5小游戏制作,h5游戏开发,免费的h5制作网站

简易方式: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;}

因为各个版本号的访问器,对1些标识的原始值不1样,大家必须帮它们原始化成1样的,用于适配各个版本号的访问器

ul左边边距设置和在div中怎样完成每行下虚线(多行)的难题,现就本人心得写1个简易的方式。

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下默认设置有1定的内边距,因此还需设左侧距,即:

拷贝编码
编码以下:

.ul{
margin-top: 0px;
margin-right: 4px;
margin-bottom: 4px;
padding-left: 0px;
margin-left: 4px;
}

轻轻松松完成,见图。
 
小贴士:button难题,有时用css操纵的照片在dw里一切正常显示信息,但在访问器中显示信息不出来,是由于必须设1下情况色的颜色(那怕是全透明),随后显示信息即OK
上一篇:Website Name 返回下一篇:没有了