Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

CSSで背景画像を繰り返します

背景-繰り返し プロパティは、背景の画像の繰り返しを制御するために使用されます。画像を繰り返したくない場合は、background-repeatプロパティにno-repeat値を使用できます。この場合、画像は1回だけ表示されます。

例

次のコードを実行して、 background-repeatの操作方法を学ぶことができます。 プロパティ：

<html>
   <head>
      <style>
         body {
            background-image: url("/images/seaborn-4.jpg?v = 2");
            background-repeat: repeat;
         }
      </style>
   </head>
   <body>
      <p>Tutorials Point</p>
   </body>
</html>

  1. CSSのBackgroundShorthandプロパティ

    CSS背景省略形プロパティは、要素の背景を定義するために使用されます。 background-color、background-image、background-repeat、background-position、background-clip、background-size、background-origin、background-attachmentが一緒になって、CSSの背景プロパティを構成します。 構文 CSSバックグラウンドプロパティの構文は次のとおりです- Selector {    background: /*value*/ } 例 次の例は、CSSの背

  2. CSSを使用して背景を繰り返す

    CSSのbackground-repeatプロパティは、背景画像がどのように繰り返されるかを定義するために使用されます。 構文 CSSbackground-repeatプロパティの構文は次のとおりです- Selector {    background-repeat: /*value*/ } 例 次の例は、CSSのbackground-repeatプロパティ-を示しています。 <!DOCTYPE html> <html> <head> <style> body {    background-image