图像填充文字效果
要想实现图像填充文字效果，可以设置 background-clip: text 以使文字背景作为整个区域的背景，文字之外的区域将被裁掉。配合透明的文字颜色，就可以实现图像填充文字效果了：
h1 {
background-image: url('./flower.jpg');
background-clip: text;
-webkit-background-clip: text;
color: transparent;
background-color: white;
}
#每天一个知识点#
www.zhangxinxu.com