效果展示:
代码展示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
* {
margin: 0;
padding: 0;
}
.mcontiner {
position: relative;
width: 400px;
height: 34px;
background-color: #ccc;
/*border: 1px solid #000;*/
margin: 50px auto;
}
.btn {
position: absolute;
top: 0;
width: 40px;
height: 32px;
border: 1px solid #ccc;
background-color: #fff;
cursor: pointer;
color: #ccc;
text-align: ce