如何将HTML代码定位在CSS上

在我的网站中，我希望能够将两个文本框（在左上角）放在CSS制成的其他框上。但是因为我不太好，所以我不确定该怎么办。请你能帮我吗？

请访问此处以了解我的意思-http：//jsfiddle.net/xiijamiie/rgp5x/

<h1>
    <input type="text" name="textbox1" size="20" height="50"/>
    </br>
    <input type="text" name="textbox2" size="20" height="50"/>
</h1>

另外，如果可能的话，是否可以将文本框从白色变为深灰色？

将您的<input>标签放在自己的<div>中：

<div id=signin>    
<input type="text" name="textbox1" size="20" height="50"/></br>
<input type="text" name="textbox2" size="20" height="50"/>
    </div>

然后将此CSS添加到您的样式表中：

#signin {
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    background-color:lightgrey;
    border: 1px solid grey;
}
#signin input {
 background-color:green;   
}

您可以自己调整细节。我已经更新了您的小提琴

两个重要的事情：第一，您应该清洁代码，猜猜您复制/粘贴了某些内容，有多个和混合的头/html标签。

清洁它看起来像

<html>
<head>
</head>
<body>
</body>
</html>

纠正此功能后，这将容易得多。只需将所有CSS代码放在head部分中，您的输入字段还是在body区域内，因此您可以使它们与所有其他元素相同。

<html>
   <head>
      <style> css </style>
   </head>
   <body>
      html-elements
   </body>
</html>

将白色div推在文本框后面，添加到其CSS样式：z-index=-10

对于更改文本框的颜色，请使用background-color：

<input type='text' style='background-color:#696969'/>

相关内容

最新更新

热门标签：