利用CSS在图片中添加文字

       前端项目中想要在图片中添加文字，方法有两种：1、js；2、css。第一种方法比较复杂，主要是写将图片与文字组合成新的图片的js代码，第二种方法简单粗暴，这里只讲第二种方法。

 

       利用css在图片中添加文字，将图片设置成背景即可，代码如下：

<template>

        <div class="picture">

                <p id="p1">九寨沟</p>

                <p id="p2">人间天堂</p>

        </div>

</template>

<style type="text/css">

        .picture {

&nbs