Css 定位背景图像

因此，我正在使用以下html标记一个简单的登录表单

<form>
    <label>Username:</label>
        <input type="text" name="username" required="required" />
    <label>Password:</label>
        <input type="password" name="password" required="required" />
        <input type="submit" value="Login" name="submit" class="submit" />

}

---

除了我的背景图像的位置，所有的工作都按照计划进行，我想将其居中放置在表单的顶部。目前位于左上角。只是想知道除了为图像创建一个单独的div之外，是否还有其他解决方法？

背景位置：上中

您的意思是将背景定位到表单背景的中心吗？ 那么背景位置呢

---

您可以通过在背景线中添加“中心顶部”来定位背景，这样您就可以得到背景：url（images/logo.png）center top no repeat

很高兴听到它对你有用，马克是帮助别人的答案。

form {
background:url(images/logo.png) no-repeat;
width: 250px;
padding: 20px;
padding-top:120px;
margin: 200px auto;
-webkit-border-radius: 1em; 
-moz-border-radius: 1em;
border-radius: 1em;
border: 1px solid #DDD;

/*** Shadow behind the box ***/
-moz-box-shadow:0px 2px 5px #e0e0e0;
-webkit-box-shadow:0px 2px 5px #e0e0e0;