在做某登录页练习时,图中两个输入框刚不知道怎么弄,于是自己做了个测试,大概设想如下:
HTML代码(仅body部分)如下:
<body>
<div id="one">
<input/>
<div id="two"></div>
</div>
</body>
css代码如下:
<style type="text/css">
#one{
width:220px;
height:32px;
border:1px solid #ddd;
}
input{
border:none;
width:200px;
height:30px;
float:left;
}
#two{
background:url(images/login_all_bg.png) no-repeat -343px -100px;
width:20px;
height:30px;
float:left;
}
</style>
最后效果如下:
主要用到float,float:left/right;其实挺简单的,自己纠结了一天没想到浮动……记录一下。