📜  如何使用 HTML 和 CSS 在文本背景中添加图像?

📅  最后修改于: 2021-08-30 13:09:21             🧑  作者: Mango

在本文中,我们将使用 HTML 和 CSS 来设置文本背景中的图像。为了在文本背景中设置图像,使用了一些 CSS 属性。

HTML 代码: HTML 代码用于创建主体的基本结构。在下面的代码中,我们将使用段落标签来编写文本内容。



  

    
        How to Add Image in Text Background
        using HTML and CSS ?
    

  

    

GeeksforGeeks

  

CSS 代码: CSS 属性用于将图像设置为文本中的背景。 background-image 属性用于将图像设置为背景。 -webkit-text-fill-color 属性用于给文本一个透明的颜色,背景图像将通过文本显示,从而完成剪切效果。


完整代码:在本节中,我们将结合以上两节添加一张图片作为文本背景。



  

    
        How to Add Image in Text Background
        using HTML and CSS ?
    
      
    

  

    

GeeksforGeeks

  

输出: