简明现代魔法 -> CSS层叠样式表 -> 让 UL 与 LI 左对齐

让 UL 与 LI 左对齐

2010-01-19

很多html标签都是有初始属性的,而这些属性在不同的浏览器下面又是不同的,所以为了方便,许多人都在css文件最前面写上 *{margin:0;padding:0;} 以消除这种差异。

#article { 
	padding:0px; 
    list-style-type:none; 
    float:left; 
    } 
#article ul{ 
	padding:0px; 
    margin:0px;
    }
#article li{
	height:30px; 
    text-align:left; 
    margin:0px; 
    padding:0px; 
    list-style-type:none;
    } 
#article img { 
	padding:0px;
    }  

本网站所使用的 CSS 一则:

以下为演示效果:

#article { 
	padding:0 0 0 15px; 
	} 

#article li {
	font-family:Verdana,宋体; 
	font-size: 12px;  
	line-height:160%;
	list-style-image:url(../images/sidebarLi.gif);
	margin:0;
	}
	
#article ul{
	margin:0;
	padding:0;
	}  

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们