DreamWeaver 如何使用CSS设置背景图片为平铺
<body >
<form action="login.jsp" method="post">
<input type="hidden" name="action" value="login" />
用户名:
<input type="text" name="username" />
<br>
密码:
<input type="password" name="password" />
<br>
<input type="submit" value="登陆" />
</form>
<img src="images/background.jpg" width="1141" height="407">//图片链接
</body>
两个输入框如何能够设置在图片上方？？
background-repeat: repeat-x;
使用“CSS 样式定义”对话框的“背景”类别可以定义 CSS 样式的背景设置。可以对网页中的任何元素应用背景属性。
加了background-repeat:repeat-x;之后,背景现在只在X轴即横向进行了平铺操作，纵向并没有进行平铺。这便是css对于背景细节的控制之一。background-repeat是针对背景平铺的属性设置，可选的值包含：
代码如下:
repeat 即默认方式，完全平铺背景；
no-repeat 在X及Y轴方向均不平铺；
repeat-x 横向平铺背景；
repeat-y 纵向平铺背景。
使用“CSS 样式定义”对话框的“背景”类别可以定义 CSS 样式的背景设置。可以对网页中的任何元素应用背景属性。
加了background-repeat:repeat-x;之后,背景现在只在X轴即横向进行了平铺操作，纵向并没有进行平铺。这便是css对于背景细节的控制之一。background-repeat是针对背景平铺的属性设置，可选的值包含：
代码如下:
repeat 即默认方式，完全平铺背景；
no-repeat 在X及Y轴方向均不平铺；
repeat-x 横向平铺背景；
repeat-y 纵向平铺背景。
温馨提示：内容为网友见解，仅供参考
第1个回答 推荐于2017-09-01
<input type="hidden" name="action" value="login" />
用户名:
<input type="text" name="username" />
<br>
密码:
<input type="password" name="password" />
<br>
<input type="submit" value="登陆" />
将这段代码改为
<div class="bg">
<input type="hidden" name="action" value="login" />
用户名:
<input type="text" name="username" />
<br>
密码:
<input type="password" name="password" />
<br>
<input type="submit" value="登陆" />
</div>
然后CSS里面这么设置
.bg{ background:url('images/background.jpg') no-repeat; width:1141px; height:407px;}
这样就可以实现您要的效果啦！希望对您有帮助！本回答被提问者和网友采纳
用户名:
<input type="text" name="username" />
<br>
密码:
<input type="password" name="password" />
<br>
<input type="submit" value="登陆" />
将这段代码改为
<div class="bg">
<input type="hidden" name="action" value="login" />
用户名:
<input type="text" name="username" />
<br>
密码:
<input type="password" name="password" />
<br>
<input type="submit" value="登陆" />
</div>
然后CSS里面这么设置
.bg{ background:url('images/background.jpg') no-repeat; width:1141px; height:407px;}
这样就可以实现您要的效果啦！希望对您有帮助！本回答被提问者和网友采纳
第2个回答 2012-07-09
你说的设置在图片上方，是指垂直方向的，还是平面方向的？
如果我理解没错的话，应该是垂直方向的，那么，不要用img标签，而是给form包上一个外div，给这个外部的div设置背景，同时设置form自身的背景颜色为transparent
如果我理解没错的话，应该是垂直方向的，那么，不要用img标签，而是给form包上一个外div，给这个外部的div设置背景，同时设置form自身的背景颜色为transparent
第3个回答 2012-07-10
body{
background:url('images/background.jpg') no-repeat;
}
background:url('images/background.jpg') no-repeat;
}
相似回答
