Maison > interface Web > tutoriel HTML > le corps du texte

文字【首页】想要靠在左边,现在距离左边太远了,怎么拉近距离?_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-21 09:21:43
original
1758 Les gens l'ont consulté

<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">#wrap{	margin:0px auto;	width:700px;}.wz01{	float:float;	margin-left:10px;	width:700px;}.wz02{	text-align:center;	width:700px;	background-image:url(dh.jpg);	background-repeat:no-repeat;	height:20px;}.wz02 Ol{	margin:0px auto;	width:700px;}.wz02 li{	text-align:center;	width:80px;	}.wz03{	margin-top:10px;}.wz04{	margin-top:5px;}.wz0401{	}#nav li.first {	border-left-width: 0px;	margin:0px 2px 0px 2px;	width:20px;}</style></head><body><div id="wrap">    <div class="wz01">    <img  src="logo.jpg"    style="max-width:90%" height="80px" / alt="文字【首页】想要靠在左边,现在距离左边太远了,怎么拉近距离?_html/css_WEB-ITnose" >    </div>                <div class="wz02">    <ol style="list-style-type:none">    <li style="float:left" class="first">首页</li>    <li style="float:left">公司简介</li>    <li style="float:left">新闻中心</li>    <li style="float:left">工程展示</li>    <li style="float:left">企业管理</li>    <li style="float:left">业务范围</li>    <li style="float:left">在线留言</li>    <li style="float:left">关于我们</li>    </Ol>    </div>        <div class="wz03">    <img  src="1.jpg"    style="max-width:90%" height="300px" / alt="文字【首页】想要靠在左边,现在距离左边太远了,怎么拉近距离?_html/css_WEB-ITnose" >    </div>        <div class="wz04">        <div class="wz0401">        <img  src="left.jpg"    style="max-width:90%" height="300px" / alt="文字【首页】想要靠在左边,现在距离左边太远了,怎么拉近距离?_html/css_WEB-ITnose" >        </div>        <div class="wz0402">        </div>    </div></div></body></html>
Copier après la connexion


回复讨论(解决方案)

.wz02 Ol {
margin: 0px auto;
width: 700px;
margin-left: -30px;
}

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal