实战模拟智能在线客服系统界面样式作业

Original 2019-05-20 12:10:40 157
abstract:<!DOCTYPE html><html>    <head>        <meta charset="utf-8">        <title></titl

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            *{margin: 0; padding: 0; list-style: none;}
            .box{width: 450px; margin: 30px auto; height: 600px; padding: 15px; box-sizing: border-box; box-shadow: 0 0 10px #999; background: lightskyblue;}
            .box h1{ width: 100%; text-align: center; height: 50px; line-height: 30px; font-size: 24px; font-weight: 500;}
            .box ul{ width: 100%; background:#fafafa; height:450px; padding: 15px; box-sizing: border-box;}
            .box .bot{width: 100%;height:50px; margin-top: 15px; background: #fff; box-sizing: border-box;}
            .box .bot input{width: 320px; float: left; height:100%; line-height: 48px;padding: 0 15px; box-sizing: border-box;border: none;}
            .box .bot button{width: 95px;float: right; font-size:18px;color: #fff; height: 100%; line-height: 48px;border: none;background: #FFA200;}
            .box .bot button:hover{background: #FF6700;cursor: pointer;}
        </style>
    </head>
    <body>
        <div class="box">
            <h1>在线客服</h1>
            <ul>
                <li></li>
            </ul>
            <div class="bot">
                <input type="text">
                <button>提 交</button>
            </div>
        </div>
    </body>
</html>

Correcting teacher:天蓬老师Correction time:2019-05-20 16:02:50
Teacher's summary:这只是页面, 期待你的脚本部分代码

Release Notes

Popular Entries