CSSで重複した背景画像を削除する方法-CSSチュートリアル-php.cn

CSSで重複した背景画像を削除する方法

青灯夜游

リリース： 2021-11-09 17:05:32

オリジナル

4785 人が閲覧しました

CSS では、background-repeat 属性を使用して背景画像の重複をクリアできます。背景画像が繰り返されないことを指定するには、この属性の値を「no-repeat」に設定するだけです。つまり、背景画像は 1 回のみ表示されます。構文 "background-repeat:no-repeat;"。

CSSで重複した背景画像を削除する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

CSS が背景画像属性を使用して背景画像を設定すると、画像サイズの問題により、タイル表示が繰り返される場合があります。背景画像が繰り返されて 1 つだけが表示される場合はどうすればよいでしょうか?これには、background-repeat 属性を使用する必要があります。

background-repeat 属性は、背景画像を繰り返すかどうか、およびどのように繰り返すかを設定するために使用されます。値が "no-repeat" の場合、背景画像が繰り返されない、つまり背景を指定できます。画像は一度だけ表示されます。 CSSで重複した背景画像を削除する方法

<!DOCTYPE html>
<html>
	<head>
		<style>
			div {
				width: 500px;
				height: 500px;
				border: 2px solid red;
				background-image: url(img/nz.png);
			}
		</style>
	</head>
	<body>
		<div ></div>
	</body>
</html>

ログイン後にコピー

（学習ビデオ共有:

css ビデオチュートリアル

） CSSで重複した背景画像を削除する方法