1. 首页>>前端>>HTML

怎么在图片上输入自定义文字

需要用到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://focusonseo.cn/html/27.html