css将li横排后出现空白,怎么解决
代码如下:<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;chars...
代码如下:
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><style type="text/css">.header{width:100%;height: 100px;background-color:#FF9900;line-height: 100px;font-family: "Microsoft YaHei Light", "Microsoft YaHei", "verdana";padding-left: 50px;font-size: 30px;color: #FFFFFF;border-bottom: 1px solid #E9F01D;}.header-bottom{width:100%;height: 20px;background-color:#CCFF00;margin-top: 0px;} ul li{ list-style: none; float: left;}</style></head><body><div class="container"><div class="header">店铺管理系统</div><div class="header-bottom"> <ul class="navi"> <li>首页</li> <li>首页</li> <li>首页</li> </ul></div></div></body></html>
出现如下问题,中间会出现空白,感觉不是很明白,
请问如何解决呢 展开
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><style type="text/css">.header{width:100%;height: 100px;background-color:#FF9900;line-height: 100px;font-family: "Microsoft YaHei Light", "Microsoft YaHei", "verdana";padding-left: 50px;font-size: 30px;color: #FFFFFF;border-bottom: 1px solid #E9F01D;}.header-bottom{width:100%;height: 20px;background-color:#CCFF00;margin-top: 0px;} ul li{ list-style: none; float: left;}</style></head><body><div class="container"><div class="header">店铺管理系统</div><div class="header-bottom"> <ul class="navi"> <li>首页</li> <li>首页</li> <li>首页</li> </ul></div></div></body></html>
出现如下问题,中间会出现空白,感觉不是很明白,
请问如何解决呢 展开
2个回答
展开全部
再加一个样式;
将所有元素的内外边距设置为0;
每个元素都有自身的效果 (当然也包括内外边距)。有些效果会让我们的代码和预想的结果有所差异。
*{
margin:0px;
padding:0px;
}
如果有问题欢迎追问,如果没有问题请采纳,谢谢。
将所有元素的内外边距设置为0;
每个元素都有自身的效果 (当然也包括内外边距)。有些效果会让我们的代码和预想的结果有所差异。
*{
margin:0px;
padding:0px;
}
如果有问题欢迎追问,如果没有问题请采纳,谢谢。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
博思aippt
2024-07-20 广告
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
把ul的margin设置为0就可以了,一般用一段CSS来重置这些标签的样式来避免这些问题,你可以搜索下CSS重置。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询