在看文章之前推荐:css在图片上输入任意内容办法
<div class="banner_1"> <img src="../../skin/images/fj.png"> <p>这是图片上的文字</p> <div class="lijixiazai">立即下载</div> </div> .banner_1{position: relative;} /* 相对定位 */ div p{ position: absolute; /* 绝对定位 */ left: 20px; top:30px; color: red; } .lijixiazai{ position:absolute; left:70px; top:200px; background-color: mediumvioletred; padding:5px; cursor:pointer; }
主要是需要用到:position熟悉来进行定位
转载联系作者并注明出处:https://focusonseo.cn/css/74.html