css では、「background-repeat」属性を使用して画像を繰り返さないように設定できます。構文は「background-repeat:no-repeat」です。この属性は、背景画像を繰り返すかどうか、および繰り返す方法を設定します。値は "no-repeat" で、背景画像が 1 回だけ表示されることを示します。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
background-repeat 属性の概要:
background-repeat 属性は、画像のタイル モードを定義します。
元の画像から繰り返します。この画像は、background-image で定義され、background-position の値に従って配置されます。
属性値:
繰り返しデフォルト。背景画像が縦横に繰り返し表示されます。
<html>
<head>
<style type="text/css">
body
{
background-image:
url(/i/eg_bg_03.gif);
}
</style>
</head>
<body>
</body>
</html>レンダリング:
css は画像を次のように設定しません繰り返します 
<html>
<head>
<style type="text/css">
body
{
background-image:
url(/i/eg_bg_03.gif);
background-repeat: no-repeat
}
</style>
</head>
<body>
</body>
</html>レンダリング:
推奨学習: 
css ビデオ チュートリアル
以上がCSSで画像を繰り返さないように設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
