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

CSSで背景画像を1回だけ表示する

background-repeatを使用します 背景画像を1回だけ表示するプロパティ。次のコードを実行して、 background-repeatを実装してみてください。 プロパティ-

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         body {
            background-image: url("https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg");
            background-repeat: no-repeat;
         }
      </style>
   </head>
   <body>
      <h1>Background Image</h1>
   </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でぼやけた背景画像を作成するためのコードです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body, html {    height: 100vh;    margin: 0;    font-family: "Segoe UI&qu