~~~
<style>
* {
margin: 0;
padding: 0
}
.parent{
margin:100px;
width: 158px;
height: 32px;
position: relative;
}
input {
position: absolute;
outline: none;
width: 158px;
height: 32px;
border: 1px solid #333;
border-radius: 10px 10px 10px 10px;
}
button{
position: absolute;
width: 20px;
height: 20px;
background: url("images/topbar.png") no-repeat;
background-position: -10px -106px;
border: none;
outline: none;
left: 10px;
top: 7px;
}
</style>
~~~
~~~
<body>
<form class="parent">
<input type="text" name="" id="">
<button></button>
</form>
</body>
~~~
效果图如下：
