html js聊天对话源码,javascript实现简易聊天室

聊天室是我们经常见的，比如微信聊天界面、QQ聊天界面等等，一个简易的聊天室如下：

1.html代码

发送

2.css代码

.content{

border-radius: 5px;

border: 2px solid #cccccc;

width: 500px;

height: 700px;

margin: 50px auto 0;

overflow: hidden;

}

.section{

width: 500px;

height: 569px;

overflow-x: hidden;

overflow-y: auto;

border-bottom: 1px solid #cccccc;

padding-top: 30px;

}

.section::-webkit-scrollbar{

display: none;

}

form{

width: 500px;

height: 100px;

}

form textarea{

outline: none;

border: none;

display: block;

float: left;

width: 370px;

height: 100px;

font-size: 25px;

text-align: top;

line-he