摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> &
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>模拟智能聊天在线客服系统</title>
<style>
div:nth-child(1){
width: 400px;
height: 650px;
background-color: lightblue;
margin:30px auto;
color: #aaa;
box-shadow: 2px 2px 2px #808080;
}
h2{text-align: center;
margin-bottom: -5px;
}
div:nth-child(2){
width:350px;
height: 530px;
margin: 10px auto;
background: #ccc;
border:4px double green;
}
ul{
list-style: none;
padding: 10px;
overflow:hidden;
}
textarea{
margin-left: 20px;
border:none;
padding: 5px;
}
button{
padding: 8px;
border:none;
background-color: coral;
}
button:hover{
background-color:orange;
cursor: pointer;
color: #fff;
}
</style>
</head>
<body>
<div>
<h2>在线客服</h2>
<div>
<ul>
<li></li>
</ul>
</div>
<table>
<tr>
<td><textarea name="text" cols="45" rows="3"></textarea></td>
<td><button>提交</button></td>
</tr>
</table>
</div>
</body>
</html>
批改老师：灭绝师太批改时间：2019-01-06 16:06:56
老师总结：可以完成的好看点奥，没有案例可以模仿微博输入
