📜  如何使用 CSS 创建纹理背景?

📅  最后修改于: 2021-09-01 02:24:45             🧑  作者: Mango

简介:我们可以使用CSS属性,通过使用图片编辑器剪下一部分背景来对网页背景进行纹理化处理。应用CSS background-repeat 属性使小图像填充它使用的区域。 CSS 提供了许多背景的样式属性,包括背景着色、背景图像等。背景属性有background-color, background-image, background-position, background-attachment.

纹理背景的方法:有一些使用 CSS 与示例和解释来纹理背景的步骤。

  • 使用 html 标签创建一个 html 文件。
    
      
    
        
            Texture Background
            Using CSS 
        
    
    
      
    
    
  • 选择我们要在背景中设置的纹理颜色。以图像格式保存纹理颜色,如(.png、.jpg 等)
  • 假设我们要使用内部表单 CSS 设置此网页的背景。所以在 head 部分写下下面的代码。
    
    

例子:



  

    
        Texture Background using CSS
    
  
    

  

    

        This is our texture         background     

  

说明:在这段代码中,我们通过background-image:url(“backgroundimage-1.png”); 将图像放置在背景中。 .jpg 格式。它也可以是.png格式。这里,我们不会在背景中重复图像,所以图像在背景中只显示一次, background-repeat:no-repeapt;此语法意味着图像不重复。这些所有命令都使用 CSS 写在