关于如何将文本放在导航栏上,就像它只向左移动一样,我有点难过.我已经尝试过中心对齐,但它仍然继续坚持到一边.如果有人能告诉我我犯了什么错误,我将不胜感激.
HTML:
<body>
<div id="wrap">
</div>
<ul id="nav">
<li><a href="#">About Us</a></li>
<li><a href="#">Our Products</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Login</a></li>
</ul>
<div id="content">
</div>
</body>
CSS:
body {
margin: 0;
padding: 0;
text-align: justify;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
background-color:#425eb4;
}
*{
margin: 0 auto 0 auto;
}
#wrap {
height:150px;
background:url(images/header1.png) no-repeat center;
text-align:center;
background-color:#FFF;
}
#nav {
width: 100%;
float: left;
padding: 0;
list-style: none;
background-color: #f2f2f2;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc; …我想知道如何将这些文本框放在另一个文本框下面.textbox,然后在顶部,然后textbox1在下面.
CSS
.textbox {
border: 1px solid #848484;
-moz-border-radius-topleft: 30px;
-webkit-border-top-left-radius: 30px;
border-top-left-radius: 30px;
-moz-border-radius-topright: 30px;
-webkit-border-top-right-radius: 30px;
border-top-right-radius: 30px;
border: 1px solid #848484;
outline:0;
height:25px;
width: 275px;
padding-left:20px;
padding-right:20px;
}
.textbox1 {
border: 1px dotted #000000;
outline:0;
height:25px;
width: 275px;
}
HTML
<input class="textbox" type="text">
<input class="textbox1" type="text">
我想知道如何制作它,使两个方形文本框并排放置,而不是彼此叠加.
CSS
input {
display: block;
box-sizing: border-box;
}
.textbox {
border: 1px solid #848484;
-moz-border-radius-topleft: 30px;
-webkit-border-top-left-radius: 30px;
border-top-left-radius: 30px;
-moz-border-radius-topright: 30px;
-webkit-border-top-right-radius: 30px;
border-top-right-radius: 30px;
border: 1px solid #848484;
outline:0;
height:25px;
width: 300px;
padding-left:20px;
padding-right:20px;
}
.textbox1 {
border: 1px dotted #000000;
outline:0;
height:25px;
width: 150px;
}
.textbox2 {
border: 1px dotted #000000;
outline:0;
height:25px;
width: 150px;
}
HTML
<input class="textbox"type="text">
<input class="textbox1"type="text">
<input class="textbox2"type="text">