CSS |背景

CSS 背景属性用于定义元素的背景效果。

CSS背景属性如下：

1. 背景颜色
2. 背景图片
3. 背景重复
4. 背景附件
5. 背景位置

1. 背景颜色：此属性指定元素的背景颜色。
   句法 ：

   body
   {
      background-color:color name
   }

   颜色名称也可以表示为：“绿色”，十六进制值表示为“#5570f0”，RGB 值表示为“rgb(25, 255, 2)”。
   例子 ：

   
   
   Geeksforgeeks
   
   

   输出：
   

2. 背景图像：此属性指定用作元素背景的图像。默认情况下，图像是重复的，因此它覆盖了整个元素。
   句法：

   body
   {
      background-image : link;
   }

   例子：

   
   
   Geeksforgeeks
                       
   

   输出：
   

3. 背景重复：默认情况下，背景图像属性在水平和垂直方向重复图像。
   要水平重复图像：
   句法：

   body
   {
      background-image:link;
      background-repeat: repeat:x;
   }
   

   例子：

   
     
   
       
   "Hello world"
   
   

   输出：
   

   要垂直重复图像：

   句法：

   body
   {
      background-image:link;
      background-repeat: repeat:y;
   }

   例子：

   
     
   
       
   "Hello world"
                       
   

   输出：
   

4. Background-attachment :此属性用于固定背景地面图像。图像不会随页面滚动。
   句法：

   body
   {
      background-attachment: fixed;
   }

   例子：

   
   
   Geeksforgeeks
                       
   

   输出：
   

5. Background-position ：此属性用于将图像设置到特定位置。
   句法 ：

   body
   {
      background-repeat:no repeat;
      background-position:left top;
   }

   例子：

   
   
   Geeksforgeeks
                       
   

   输出：