怎么用使用图片做文字背景？ - css 笔记

1
<div class="bg_txt bg_img">
2
    <p>我是一段文字</p>
3
    <p>人类的本质就是复读机</p>
4
    <p>背景图地址：<a href="./images/bg.jpg" target="_blank">查看</a></p>
5
</div>
6

7
<style type="text/css">
8

9
  .bg_img{
10
    background-repeat: no-repeat;/*禁止重复*/
11
    background-image: url("./images/bg.jpg");/*图片*/
12
    }
13
  .bg_txt{
14
    -webkit-background-clip: text;
15
    color: transparent !important;
16
  }
17
  .bg_txt p{
18
    font-size: 66px;
19
    font-weight: 700;
20
  }
21

22
  </style>