亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

DOM實(shí)戰(zhàn):模擬智能在線客服系統(tǒng)

原創(chuàng) 2019-05-19 16:45:59 212
摘要:<!DOCTYPE html><html><head> <title>DOM實(shí)戰(zhàn):模擬智能在線客服系統(tǒng)</title> <style type="text/css"> div:nth-child(1){ width: 450px; height: 650px; background-color

<!DOCTYPE html>

<html>

<head>

<title>DOM實(shí)戰(zhàn):模擬智能在線客服系統(tǒng)</title>

<style type="text/css">

div:nth-child(1){

width: 450px;

height: 650px;

background-color: lightskyblue;

margin: 30px auto;

color: #333;

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

}

h2{

text-align: center;

margin-bottom: -10px;

}

div:nth-child(2){

width: 400px;

height: 500px;

border:4px double green;

background-color: #efefef;

margin: 20px auto 10px;

}

ul{

list-style-type: none;

line-height: 2em;

overflow: hidden;

padding: 15px;


}

table{

width: 90%;

height: 80px;

margin: 0px auto;

}

textarea{

border: none;

resize: none;

background-color: lightyellow;

}

button{

width: 60px;

height: 40px;

background-color: seagreen;

color: white;

border:none;

}

button:hover{

cursor: pointer;

background: orange;

}

</style>

</head>

<body>

<div>

<h2>在線客服</h2>

<div>

<ul>

<li></li>

</ul>

</div>

<table>

    <tr>

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

<td align="left"><button type="button">發(fā)送</button></td>

</tr>

</table>

</div>

<script type="text/javascript">

let btn=document.getElementsByTagName('button')[0];

let text=document.getElementByName('text')[0];

let list = document.getElementsByTagName('ul')[0];

let sum = 0;


</script>

</body>

</html>


批改老師:查無此人批改時間:2019-05-20 09:07:56
老師總結(jié):完成的不錯,常用的css樣式可以寫到公用文件里,繼續(xù)加油。

發(fā)佈手記

熱門詞條