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

让文字以图片做背景

这是从Apple 官网看到的效果,很是漂亮。

怎么用使用图片做文字背景? - css笔记
怎么用使用图片做文字背景? - css笔记
<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>

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

查看演示

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余
资源

学生优惠集合

2019-4-15 21:00:42

教程

WordPress唯美模板素锦主题搭建及小程序配置

2019-3-18 20:12:36

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 1355471563#qq.com 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索