需要用到css的两个属性:
position: relative; 相对定位,是相对于其原本的位置来定位的
position:absolute; 绝对定位,是相对于最近的且不是static定位的父元素来定位
<style type="text/css"> *{margin:0; padding: 0;} .banner_1{position: relative;} /* 相对定位 */ div p{ position: absolute; /* 绝对定位 */ left: 20px; top:30px; color: red; } </style> <body> <div class="banner_1"> <img src="images/mt5.jpg"> <p>这是图片上的文字</p> </div> <div class="cs">1111111111111</div> </body>
如此我们就可以随意的输出我们想要的文字,如果你还想要一点特效或者动画,可以为该文字便签添加class或者id来实现
本文来源:重庆seo博客
本文地址:https://www.focusonseo.cn/html/79.html
文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为重庆seo博客原创文章,转载或复制请以超链接形式并注明出处。