ホームページ > 記事 > ウェブフロントエンド > CSSで画像を繰り返さないように設定する方法
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 サイトの他の関連記事を参照してください。