聊天器页面HTML CSS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>简单的实现聊天功能</title>
</head>
<style>
div:nth-child(1){width:600px;text-align: center;color: #009688}
div:nth-child(2){width:600px; height:650px; background:#009688; box-shadow:0 0 20px #888;}
li{list-style: none;}
div:nth-child(3){width:600px;height:150px;background:#fff; box-shadow:0 0 20px #888; border-top:none; }
textarea{width:520px;height: 140px; border: none; resize: none;}
button{height:40px; width:60px; background:pink;margin-right:1px;}
button:hover{background:#000;color: pink;}
</style>
<body>
<div>
<h1>阿玛准设计客服</h1>
</div>
<div>
<ul>
<li></li>
</ul>
</div>
<div>
<table>
<tr>
<td><textarea></textarea></td>
<td><button>发送</button></td>
</tr>
</table>
</div>
</body>
</html>