html 写模拟微信聊,js模拟微信聊天窗口(示例代码)

*{margin:0;padding:0;

}.box{width:250px;height:400px;margin:10px auto 0;background:url(http://f2.dn.anqu.com/down/NzlkMQ==/allimg/1309/54-130922101359.jpg) no-repeat;background-size:cover;

}.top{width:100%;height:30px;background:#2C333A;color:#fff;font-size:16px;font-weight:bold;text-indent:10px;line-height:30px;

}.cont{height:330px;width:100%;overflow:auto;

}.bot{width:100%;height:30px;padding:5px 0;background:#CCC;line-height:40px;

}.bot a{display:inline-block;width:30px;height:30px;margin-left:10px;float:left;

}.bot a.fir{background:url(‘https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505302716776&di=0a84a2add6f798c1b0650417faba5fec&imgtype=0&src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201510%2F12%2F20151012234932_sSKua.thumb.224_0.jpeg‘) no-repeat;background-size:cover;

}.bot a.sec{background:url(‘htt