直接看代码:
使用:
position:relative; 生成相对定位的元素,相对于其正常位置进行定位
position:absolute; 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
<div class="banner"> <img src="地址" alt="..."> <p>输入文字</p> </div> <style> .banner{position:relative;left:0;top:0;} //对父级元素使用position: relative; p{position:absolute;left:10%;top:20%;} //里面的定位元素使用position: absolute </style>
这样就可以在图片上任意位置输出自己想要的文字
本文来源:重庆seo博客
本文地址:https://www.focusonseo.cn/css/58.html
文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为重庆seo博客原创文章,转载或复制请以超链接形式并注明出处。
相关文章
下一篇:常用css标签