[求助] 关于li的问题

lanshan1126 [楼主]

初级会员

帖子: 41
体力: 86
威望: 0
离线: 2 天

1^# 大中小发表于 2008-6-25 13:33

用了li之后，列表图标的左侧总是有一个距离？这是为什么？我没有设置左侧的边距啊？为什么不能紧挨左侧呢？

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图文混排</title>
<link href="Css.css" rel="stylesheet" type="text/css">
<style>
body{font-size:12px;}
h1{
	font-size:16px;
	text-align:center;
	margin-top:40px;
}
.a{
	margin:50px auto;
	border:1px #aaa solid;
	width:430px;
	position:relative;
}
.a1{
	margin:1px;
	padding-left:25px;
	background:#DDD url(tit.gif) no-repeat 5px 5px;
	line-height:24px;
	font-weight:bold;
}
.a2{
	position:absolute;
	top:8px;
	right:5px;
}
.a3{
	float:left;
	margin:25px 0 0 4px;
	text-align:center;
	width:140px;
	display:inline;
}
.a3 a{
	display:block;
}
.a3 img{
	padding:1px;
	border:1px #aaa solid;
	margin-bottom:5px;
}
.clear{
	clear:both;
}
.a4{
	margin:2px 0;
	float:left;
}
.a4 ul{
	margin:0 0 0 0px;
}
.a4 li{
	list-style: url("arrow.gif") outside;
	line-height:20px;
}
a{
	color:#333;
	text-decoration:none;
}
a:hover{
	color:#F00;
	text-decoration:none;
}
</style>
</head>
<body>
<h1>图文混排</h1>
<div class="a">
	<div class="a1">新闻中心</div>
	<div class="a2"><a href="#">更多...</a></div>
	<div class="a3">
		<img src="p.jpg" />
		<span><a href="#">图片标题</a></span>
	</div>
	<div class="a4">
		<ul>
			<li><a href="#">浙江省防办连夜开会部署防御热带风暴“蝴蝶”</a></li>
			<li><a href="#">时评：提高房贷首付将会伤到谁</a></li>
			<li><a href="#">舒圣祥：88亿元能否换回一个安全承诺</a></li>
			<li><a href="#">甘肃高招落下帷幕 共录取考生11.7万增招1万</a></li>
			<li><a href="#">专家建议C2C网上交易不应设立专门税种</a></li>
			<li><a href="#">北京协和医院开展奥运知识竞赛 备战奥运</a></li>
			<li><a href="#">住房需求较快增长具有一定客观性合理性</a></li>
		</ul>
	</div>
	<div class="clear"></div>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

MagicYY

高级会员

帖子: 400
体力: 631
威望: 0
离线: 1 天

2^# 大中小发表于 2008-6-25 14:51

ul默认有margin或padding，你只设置了margin:0

TOP

美橙vps独立IP月付189元

dxformat

初级会员

帖子: 67
体力: 142
威望: 0
离线: 4 天

3^# 大中小发表于 2008-6-25 16:22

针对每个页面
*{ margin:0px; padding:0px; border:0px; ......}

使用这个样式之后你会发现其中的好处的

TOP

中央美院远程平面设计进修班

‹‹ 上一主题 | 下一主题 ››