HTML列表标签出现边距问题的解决方式

原创 2016年08月30日 17:03:03
<html>
	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			.background{
			background-color:green;
			wilih:100%;
			height:70px;
			margin:0px;
			}
			body{
			margin:0px;
			padding:0px;}
		</style>
	</head>
	<body>
		<div class="background">
			<div class="content">
				<ul class="text">
					<li>首页</li>
					<li>时装趋势</li>
					<li>嘉人美妆</li>
					<li>嘉人观点</li>
					<li>珠宝腕表</li>
					<li>生活</li>
					<li>杂志</li>
					<li>专题</li>
					<li>嘉人TV</li>
					<li>嘉人美妆精英学院<li>
				</ul>
			</div>
		</div>
	</body>
</html>

解决方式:

css中添加

*{
			margin:0px;
			padding:0px;}

或者
.text ul{
display:inline
}

HTML + CSS短标题(二,三,四文字长度)两端对齐的方式

在做前台界面的时候,比如一些文字的列表或者一些表单的标题,经常是2个字,3个字,4个字的类型。 一般对齐就是在中间打空格或者用 来空开,但是效果并不好,兼容性有问题,造成不美观。经过一...
  • muyutingfeng2008
  • muyutingfeng2008
  • 2015年09月07日 11:17
  • 9832

div+css - body边距

div+css - body边距 [示例]              左边距200像素,上边距100像素      [div+cs...
  • hu_zhenghui
  • hu_zhenghui
  • 2007年10月28日 18:30
  • 4568

IE6双倍边距问题及其解决方法

IE6双倍边距在网页布局中是一个很常见的问题,网上关于IE6双倍边距的问题讨论很多,但大多比较笼统,一般认为在块元素(比如div)中同时出现flaot和margin两个样式时就会在IE6中产生双倍边距...
  • yuyu200302
  • yuyu200302
  • 2014年12月08日 16:23
  • 469

【Html】双边距问题

IE6中双边距Bug:   发生场合:当给父元素内第一个浮动元素设置margin-left(元素float:left)或margin-right(元素float:right)时margin加倍。...
  • happyhaojie
  • happyhaojie
  • 2015年12月10日 04:17
  • 611

html+css入门汇总

hml笔记 (一)html   xhtml   html5 的区别 Html 与  xhtml 的区别: (1)      xhtml标签必须被正确的嵌套; (2)      xhtml标签必...
  • u013561722
  • u013561722
  • 2014年04月13日 11:14
  • 499

HTML中的<UL>标签中li横向排列

第一步、编写横向菜单的HTML代码架构请将以下代码添加到HTML文档的导航栏区域中。menu"> Baidu.Com Code52.Net Yahoo.Com Google.Com 第二步、...
  • leewokan
  • leewokan
  • 2011年07月22日 20:10
  • 166761

解决html中图片默认底部有边距的问题

最近在开发的过程中,发现了图片底部有5px的边距,看是看了很久也没有找到这5px是哪里来的,后来我感觉这可能是自带的一种情况,所以上百度,寻找解决方案。代码如下,即可解决:img { bord...
  • qq_18325731
  • qq_18325731
  • 2017年11月15日 16:26
  • 190

html 盒子模型基础(外边距的重叠问题详解)(三)

1.外边距的重叠问题 .box1{ width: 100px; height: 100px; background-color:...
  • u010853130
  • u010853130
  • 2017年02月07日 09:25
  • 712

html学习笔记

第一章: Web服务器存储并提供由HTML和CSS
  • lin810921141
  • lin810921141
  • 2014年05月31日 23:44
  • 493

HTML学习笔记之表格的使用

一.建立表格 主要用到四个标签:,,,。 其中和标签为表格标签,主要用来定义一个表格元素; 和标签为表行标签,用来定义表格的一行; 和标签为表头标签,用来定义表格内的表头单元格,在表头单元格内的文字将...
  • Liuchang54
  • Liuchang54
  • 2015年10月18日 19:08
  • 883
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML列表标签出现边距问题的解决方式
举报原因:
原因补充:

(最多只允许输入30个字)