css设置问题 li的左边缘不能紧挨ul，怎么回事？
<html><head><styletype="text/css">ul{width:300px;height:30px;line-height:40px;color:g...
<html>
<head>
<style type="text/css">
ul{
width:300px;
height:30px;
line-height:40px;
color:gray;
list-style-type:none;
border:1px solid blue;
}
ul li {
height:30px;
background:pink;
float:left;
width:100px;
}
</style>
</head>
<body>
<ul>
<li>首页</li>
<li>产品展示</li>
<li>联系我们</li>
</ul>
</body>
</html>
为什么第一li的左边缘不能紧挨ul的左边缘呢？ 要如何设置才能实现呢？ 展开
<head>
<style type="text/css">
ul{
width:300px;
height:30px;
line-height:40px;
color:gray;
list-style-type:none;
border:1px solid blue;
}
ul li {
height:30px;
background:pink;
float:left;
width:100px;
}
</style>
</head>
<body>
<ul>
<li>首页</li>
<li>产品展示</li>
<li>联系我们</li>
</ul>
</body>
</html>
为什么第一li的左边缘不能紧挨ul的左边缘呢？ 要如何设置才能实现呢？ 展开
2个回答
展开全部
你需要标签重置，一般这样：
* {margin:0;padding:0;}
重置所有标签。
此处，你可这样：
body,ul,li{margin:0;padding:0;}
重置用到的标签。
* {margin:0;padding:0;}
重置所有标签。
此处，你可这样：
body,ul,li{margin:0;padding:0;}
重置用到的标签。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置li的内边距或者外边距呗 这个简单啦 marque 或者padding 属性设置一下就可以了 满意的话加分哦 呵呵
追问
margin-left:0px 没有效果。 能想到的方法都用过了。 你可以把页面复制下，试一试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
