📌  相关文章
📜  HTML-背景

📅  最后修改于: 2020-12-16 05:51:54             🧑  作者: Mango

默认情况下，您的网页背景为白色。您可能不喜欢它，但不用担心。 HTML为您提供了两种装饰网页背景的好方法。

  • HTML背景颜色
  • 带图像的HTML背景

现在，使用适当的示例逐一查看这两种方法。

HTML背景颜色

bgcolor属性用于控制HTML元素的背景，特别是页面正文和表格背景。

注意-HTML5中不推荐使用bgcolor属性。不要使用此属性。

以下是将bgcolor属性与任何HTML标记一起使用的语法。

此color_value可以采用以下任何格式给出-

例

以下是设置HTML标签背景的示例-

现场演示
HTML Background Colors
   
    
   
      
      

         

            
               This background is yellow
            
         

      

 
      
      

         

            
               This background is sky blue
            
         

      

 
      
      

         

            
               This background is green

这将产生以下结果-

HTML背景与图像

background属性还可以用于控制HTML元素的背景，特别是页面正文和表格背景。您可以指定图像来设置HTML页面或表格的背景。

注意-在HTML5中不推荐使用background属性。不要使用此属性。

以下是将background属性与任何HTML标记一起使用的语法。

注-不建议使用background属性，建议使用样式表进行背景设置。

最常用的图像格式是JPEG，GIF和PNG图像。

例

以下是设置表格背景图像的示例。

现场演示
HTML Background Images
   
    
   
      
      

         

            This background is filled up with HTML image.

这将产生以下结果-

图案和透明背景

您可能在各种网站上看到了许多图案或透明背景。这可以简单地通过在背景中使用图案化图像或透明图像来实现。

建议在创建图案或透明GIF或PNG图像时，请使用尽可能小的尺寸，甚至最小为1×1，以避免缓慢加载。

例

以下是设置表格背景图案的示例-

现场演示
HTML Background Images
   
    
   
      
      

         

            
               This background is filled up with a pattern image.
            
         

      


      
      

         

            
               This background is filled up with a pattern image.

这将产生以下结果-