最近在学习JS,刚试着做了一个模拟手机发短信的页面,发出来交流一下。
写的过程中,还是发现CSS这块儿有问题的,并没有想象中的那么好!布局时候也是各种问题,不过好在最后都解决了,半路出家自学前端,只能跟自己说一声加油啦!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS模拟发短信作业</title>
<style>
*{
margin:0;
padding:0;
}
#div1{
width:313px;
height:645px;
margin:100px auto;
overflow:none;
position:relative;
}
#div2{
width:255px;
height:414px;
position:absolute;
top:94px;
left:29px;
}
.div1_bottom{
width:256px;
height:40px;
position:absolute;
top:510px;
left:28px;
border:solid 1px;
}
#tx{
width:30px;
height:30px;
margin:4px 2px;
float:left;
}
.tx{
width:20px;
height:20px;
float:left;
margin-left:3px;
}
.tx2{
width:20px;
height:20px;
float:right;
margin-ri