使用CSS在文字中插入图片是许多前端开发者们所必须掌握的一项技能。在CSS中,可以使用background-image属性来为一个元素添加背景图片。以下将介绍几种方式如何在文字中插入图片。第一种方法是
p { padding-left: 60px; background-image: url("image.png"); background-position: left center; background-repeat: no-repeat; }
p { display: inline-block; padding-left: 80px; background-image: url("image.png"); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 0 white; }
p:before { content: ""; display: inline-block; width: 50px; height: 50px; background-image: url("image.png"); background-size: cover; margin-right: 5px; }
粉丝
0
关注
0
收藏
0