实战聊天框信息界面

摘要：@charset "utf-8";/* public */*{margin: 0;padding: 0;}body{background:#fff;color:#333;font-size:16px;font-family:"微软雅黑";}ul{list-style: none;}ul li{list-style: none;}select,input,im

@charset "utf-8";

/* public */

*{margin: 0;padding: 0;}

body{background:#fff;color:#333;font-size:16px;font-family:"微软雅黑";}

ul{list-style: none;}

ul li{list-style: none;}

select,input,img,select{vertical-align:middle;}

a{text-decoration:none;cursor: pointer;}

button, input, select, textarea { font-size:100%; }

.clear{clear: both;margin: 0;padding: 0;}

/* 聊天框信息 */

.box{width: 450px;height: 700px;margin: 10px auto;background:lightgrey;border: 1px solid #ccc;text-align: left;color: #333;}

.box h2{font-size: 28px;text-align: center;color: coral;margin: 10px;}

.content{width: 94%;height: 500px; margin: 0 auto;background: #fff;text-align: left;color: #333;}

.retext{width: 94%;margin: 10px auto 0px;height: 100px;}

.retext > textarea{width: 78%;margin-right: 2%;height: 100px;border: 0px;display: block;float: left;resize: none;}

.retext > button{width: 20%;height: 100px;color: #fff;background: indianred;border: 0px;display: block;float: left;cursor: pointer;}

.retext > button:hover{background: orange;color: #fff;}

批改老师：天蓬老师批改时间：2018-12-16 16:55:08
老师总结：作业完成的不错，有注释有运行效果，再接再厉，加油