返回 实战模拟智能在...... 登陆

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

720 2019-05-20 12:10:40 141

<!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>

最新手记推荐

• 用composer安装thinkphp框架的步骤 • 省市区接口说明 • 用thinkphp,后台新增栏目 • 管理员添加编辑删除 • 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消 回复 发送
  • PHP中文网