摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>簡(jiǎn)單的實(shí)現(xiàn)聊天功能</title></head><style> div:nt
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>簡(jiǎn)單的實(shí)現(xiàn)聊天功能</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>阿瑪準(zhǔn)設(shè)計(jì)客服</h1>
</div>
<div>
<ul>
<li></li>
</ul>
</div>
<div>
<table>
<tr>
<td><textarea></textarea></td>
<td><button>發(fā)送</button></td>
</tr>
</table>
</div>
</body>
</html>