我想把表格放在木箱上,反应灵敏。
这是我想要的照片:
Image1
问题是它没有反应。事情就是这样:
Image2
下面是html的代码:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/contacto.css">
</head>
<body>
<div id="wrapperform">
<div id="contenedorLogo">
<a href="home.html">
<img src="imagenes/logo33.png" id="logo" />
</a>
</div>
<form id="contacto">
<h1>CONTACTO</h1>
<input type="text" id="nombre" name="nombre" placeholder="NOMBRE" />
<input type="text" id="email" name="email" placeholder="EMAIL"/>
<input type="text" id="telefono" name="telefono" placeholder="TELEFONO" />
<textarea placeholder="MENSAJE" name="mensaje" id="mensaje"></textarea>
<input type="submit" value="Enviar" id="Enviar"/>
</form>
</div>
</body>
</html>
这里是css的代码:
ojit_pre
谢谢!
最佳答案
这应该能做到这一点,并使其具有响应性。发送结果:)
background-image:url('../images/bg.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center;
img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}