ホームページ > ウェブフロントエンド > htmlチュートリアル > テキスト [ホームページ] 左に傾きたいのですが、左に傾きすぎています。どうすれば距離を縮めることができますか? _html/css_WEB-ITnose

テキスト [ホームページ] 左に傾きたいのですが、左に傾きすぎています。どうすれば距離を縮めることができますか? _html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:21:43
オリジナル
1772 人が閲覧しました

<!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" width="500px" height="80px" />    </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" width="700px" height="300px" />    </div>        <div class="wz04">        <div class="wz0401">        <img src="left.jpg" width="200px" height="300px" />        </div>        <div class="wz0402">        </div>    </div></div></body></html>
ログイン後にコピー


ディスカッションへの返信 (解決策)

.wz02 Ol {

margin: 0px auto;

margin-left: -30px;

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート