ホームページ > ウェブフロントエンド > htmlチュートリアル > 右上に文字を書きたいのですがうまくできません アドバイスをお願いします。 _html/css_WEB-ITnose

右上に文字を書きたいのですがうまくできません アドバイスをお願いします。 _html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:54:23
オリジナル
3595 人が閲覧しました

右上の空白スペースに文字を表示したいのですが、その方法を教えてください

<!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">body{	background-image: url(bg.jpg);	background-repeat:repeat-x;	height:800px;}#wrap{	margin:0px auto;	width:700px;	background-color:#FFF;}#wz01{	width:550px;	height:80px;	background:#fff;	background-image: url(logo.jpg);	background-repeat: no-repeat;	float:left;}#wz0102{	width:150px;	height:80px;	font-size:12px;	}#wz02{	background-image: url(dh.jpg);	height:30px;	width:700px;	border:solid #FFF 5px;	border-width:0px 0px 5px 0px;}#wz02 Ol{	margin:0px auto;	width:700px;	height:30px;	}#wz02 li{	text-align:center;	width:80px;	height:30px;	margin-top:8px;}.wz03{	margin-top:0px;}.wz04{	margin-top:5px;}.wz0401{	float:left}.wz0402{	width:500px;	float:left;	height:300px;}#wz02 li.first{	border-left-width: 0px;	width:50px;}</style></head><body><div id="wrap">  <div id="wz01"></div>  <div id="wz0102">11111111</div>       <div id="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="200px" /></div>         	 <div class="wz04">                <div class="wz0401"><img src="left.jpg" width="200px" height="300px" /></div>            	<div class="wz0402">    		<div class="wz040101"><img src="jj.jpg" width="500px" height="35px" /></div>        	<div class="wz040102"><p>过去20多年,华为抓住中国改革开放和ICT行业高速发展带来的历史机遇,坚持以客户为中心,以奋斗者为本,基于客户需求持续创新,赢得了客户的尊重和信赖,从一家立足于中国深圳特区,初始资本只有21000人民币的民营企业,稳健成长为年销售规模近2400亿人民币的世界500强公司。如今,我们的电信网络设备、IT设备和解决方案以及智能终端已应用于全球170多个国家和地区。</p><p>作为全球领先的信息与通信解决方案供应商,我们为电信运营商、企业和消费者等提供有竞争力的端到端ICT解决方案和服务,帮助客户在数字社会获得成功。我们坚持聚焦战略,对电信基础网络、云数据中心和智能终端等领域持续进行研发投入,以客户需求和前沿技术驱动的创新,使公司始终处于行业前沿。</p>			</div>   		</div>    </div></div></body></html>
ログイン後にコピー




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

#wz0102 {
width: 150px;
フォントサイズ: 12px;

#wz0102 {
幅: 150px;

フォントサイズ: 12px;それ, 私の【ホームページ】【会社概要】その行の背景が一番上に流れます


#wz0102 {
width: 150px;
height: 12px;
float: right;
#wz02 {

背景画像: url(dh.jpg);
高さ: 30px;
境界線: 0px 0px 5px 0px;
クリア: 両方;
}

# wz0102 {
幅: 150 ピクセル;
高さ: 12 ピクセル;
フロート: 右;
#wz02 {
背景画像: url(dh.jpg);
身長: 30px;
width: 700px;
border: 0px 0px 5px 0px;
クリア: 両方; を使用するのはなぜですか?



#wz0102 {

幅: 150px;
高さ: 80px;
フォントサイズ: 12px;
#wz02 {
背景画像: URL(dh.jpg);
高さ: 30px;
幅: 700px;
境界線: 0px 0px 5px;
クリア: 両方; を使用する理由



は float をクリアするために使用されます

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