怎么让form表单在图片上居中显示呢

首页课程实战体系课手记专栏慕课教程

怎么让form表单在图片上居中显示呢

来源：4-3 项目作业

胡同小巷

2019-05-04 13:05:31

<div class="content">
		<div class="banner">
			<img src="image/banner3.jpg" class="banner-img">
			<div class="banner-form">
				<form>
					<input type="text" name="" placeholder="your Name">
					<input type="text" name="" placeholder="your Name">
					<input type="text" name="" placeholder="your Name">
					<textarea rows="6" cols="50" placeholder="your Name">
					
					</textarea>
					<input type="button" name="" value="SEND MESSAGE">
				</form>
			</div>
		</div>
	</div>

写回答

1回答

好帮手慕柯南

好帮手慕柯南

2019-05-04

同学你好！可以通过对包含form的div进行定位，并设置其左右边距，上边距的方式来使form表单在图片上居中显示。可参考如下代码：

如果我的回答解决了你的疑惑，请采纳，祝学习愉块~

0

0 学习 · 9666 问题

相似问题

关于图片上的表单的问题

回答 2

为什么无法设置居中

回答 3

banner区的文本框一直放不在图片上面

回答 2

老师帮我看一下banner区的样式，为什么表单不显示在图片上，还有这么居中显示

回答 1

想问下老师如何把表单设置在图片中间居中？

回答 1

打开慕课网App查看更多内容