简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

窓に合わせて自由に伸縮できるこのような背景はどうやって作るのでしょうか？ _html/css_WEB-ITnose

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

窓に合わせて自由に伸縮できるこのような背景はどうやって作るのでしょうか？

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

CSS 背景画像タイル。

背景画像がタイリングをサポートしている限り、問題ありません

その場合、ページ上の div の幅は 100%、高さは 100% になります。



基本的に構成はこんな感じで書かれています

<body>	<!-- 页面整个背景，也就是看到的蓝色背景，平铺可延展图片 -->	<div style="width:100%;height:100%">		<div style="width:1002px;margin:0 auto">			<!-- 页面主内容，就是看到的登录表单 -->		</div>	</div></body>
ログイン後にコピー

背景は劇中の青い絵です
左上と右下は別の小さな絵が配置されています

関連ラベル：
这种背景可以自由按窗口扩缩的是怎么做的？
ソース：php.cn
前の記事：スケジュール実装の issues_html/css_WEB-ITnose 次の記事：IE6 および IE7 での z-index の問題_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1771
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
1912
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1627
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1537
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1573
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！