怎么用使用圖片做文字背景？ - css筆記

這是從Apple 官網看到的效果，很是漂亮。

<div class="bg_txt bg_img">
    <p>我是一段文字</p>
    <p>人類的本質就是復讀機</p>
    <p>背景圖地址：<a href="./images/bg.jpg" target="_blank">查看</a></p>
</div>

<style type="text/css">

	.bg_img{
		background-repeat: no-repeat;/*禁止重復*/
		background-image: url("./images/bg.jpg");/*圖片*/
		}
	.bg_txt{
		-webkit-background-clip: text;
		color: transparent !important;
	}
	.bg_txt p{
		font-size: 66px;
		font-weight: 700;
	}
	
	</style>