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

CSSで修正された背景画像を設定する

background-attachmentを使用します 背景画像を固定として表示するプロパティ。

例

次のコードを実行して、 background-attachmentを実装してみてください。 プロパティ-

<!DOCTYPE html>
<html>
   <head>
      <style>
         body {
            background-image: url("https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg");
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: right top;
         }
      </style>
   </head>
   <body>
      <h1>Background Image</h1>
   </body>
</html>

  1. CSSを使用して背景画像として放射状グラデーションを設定します

    Radial-gradient（）CSS関数を使用して、背景画像として放射状グラデーションを設定します。次のコードを実行して、CSSでlinear-gradient（）関数を実装してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 200px;  

  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