CSS では、「background-repeat」属性を使用して、背景画像をタイル状にしないようにできます。この属性は、背景画像のタイル モードを設定するために使用されます。「background-repeat」属性を追加するだけで済みます。背景画像が並べて表示されないようにするには、repeat:no-repeat;" スタイルを要素に追加します。
このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
css で背景画像を非タイル化する方法
CSS では、background-repeat 属性を使用して背景を設定できます。タイル化しない画像、background-repeat属性 背景画像をリピートするかどうか、リピートする方法を設定します。デフォルトでは、背景画像は水平方向と垂直方向に繰り返されます。 background-repeat 属性は、画像のタイリング モードを定義します。
属性値は次のとおりです:
例を見てみましょう:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
body{
background-image: url(1118.02.png);
}</style>
</head>
<body>
</body>
</html>出力結果:
非タイル スタイル追加後:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
body{
background-image: url(1118.02.png);
background-repeat: no-repeat;
}</style>
</head>
<body>
</body>
</html>出力結果:
css ビデオ チュートリアル)
以上がCSSで背景画像をタイル表示できないようにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
アクセス可能なWebサイトが構築が難しいのはなぜですか？Apr 15, 2025 am 10:45 AM先日、私は多くの企業がアクセス可能なウェブサイトを作るのに苦労している理由について、フロントエンドの人々とおしゃべりをしていました。アクセス可能なWebサイトがとても難しいのはなぜですか
数字によるJamstack＆＃039;の速度を見てくださいApr 15, 2025 am 10:39 AM人々は、Jamstackサイトが速いと言います。実際のパフォーマンスメトリックを見て、その理由を調べましょう。最初のバイトの時間など、一般的なメトリックをカバーします
実用的なCSSカスタムプロパティの使用のパターンApr 15, 2025 am 10:34 AMブラウザのサポートは最終的に私たちが使用できる場所にあるので、私はCSSカスタムプロパティを使用して彼らのパワーを発見しています。
Jamstackツールと分類のスペクトルApr 15, 2025 am 10:31 AMJamstackの素晴らしい世界が大きくなっているため、それを支援するサービスとツールのすべてのカテゴリがこれまでになく重要です。静的サイトがあります
インターネットエクスプローラーをドロップするためのビジネスケースApr 15, 2025 am 10:30 AMInternet Explorer（すなわち）11と他のすべての主要なブラウザ間の距離は、ますます隙間のある割れ目です。技術的に時代遅れのサポートを追加します
フォーカスリングのアニメーション位置Apr 15, 2025 am 10:27 AMMaurice Mahanは、「フォーカスされた要素にオーバーレイを作成するためのライブラリ」であるFocosoverLayを作成しました。その説明はあなたが少し混乱しているのですが、ライブラリは必要ありません
コンテナクエリを忘れないでくださいApr 15, 2025 am 10:25 AMコンテナクエリは、常にCSSに要求された改善のリストの一番上にあります。一般的な感情は、コンテナクエリがあった場合、私たちは＆＃039; tしないということです。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター
EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません
SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン
ドリームウィーバー CS6
ビジュアル Web 開発ツール
DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、
