模拟智能在线客服系统

Original 2019-04-22 19:11:46 230
abstract:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>在线客服系统</title>


<style>

div:nth-child(1){

width: 460px;

height: 660px;

background-color: lightblue;

margin: 30px auto;

color: #333;

box-shadow: 2px 2px 2px #757575;

}

h2{

text-align: center;

margin-bottom: -10px;

}


div:nth-child(2){

width: 400px;

height: 500px;

border: 4px double green;

background-color: #ccc;

margin: 10px auto 10px;

}


ul{

list-style-type: none;

line-height: 2em;

overflow: hidden;

padding: 15px;

}


textarea{

border: none;

resize: none;

background-color: bisque;

width: 340px;

margin-left: 20px;

font-size: 1.5rem;

border-radius: 8px;

}


button{

width: 60px;

height: 40px;

background-color: green;

color: white;

border: none;

border-radius: 8px;

}


button:hover {

cursor: pointer;

background-color: coral;

}

</style>

</head>

<body>

<div>

<h2>在线客服</h2>

<div>

<ul>

<li></li>

</ul>

</div>

<table>

<tr>

<td align="right"><textarea name="text" id="" cols="50" rows="4"></textarea></td>

<td align="left"><button type="button">发送</button></td>


</tr>

</table>

</div>

</body>

</html>


Correcting teacher:天蓬老师Correction time:2019-04-23 13:27:14
Teacher's summary:应该是没有写完吧, 你的javascript 代码呢? 只有样式和结构

Release Notes

Popular Entries