第六章盒子模型课后题5权威课程免费体验登录页面

<section>
        <form action="" method="post">
            <ul>
                <li><span>*</span> 姓名 ：<input type="text" style="width: 185px;"></li>
                <li><span>*</span> 邮箱 ：<input type="email" style="width: 185px;"></li>
                <li><span>*</span> 电话 ：<input type="tel" style="width: 185px;"></li>
                <li>性别 : 
                    <select name="" id="">
                        <option value="请选择">请选择</option>
                        <option value="girl">女</option>
                        <option value="boy">男</option>
                    </select>
                </li>
                <li>年龄 : 
                    <select name="" id="">
                        <option value="请选择">请选择</option>
                        <option value="1-10">1-10</option>
                        <option value="11-20">11-20</option>
                        <option value="21-30">21-30</option>
                    </select>
                </li>
                <input class="img" type="image" src="img/btn.jpg">
            </ul>
        </form>
    </section>在这里插入代码片

 *{
            margin: 0px;
            padding: 0px;
            font-family: "微软雅黑";
        }
        section{
            width: 312px;
            height: 353px;
            background: url(img/bg.jpg);
            margin: 0 auto;
        }
        ul{
            list-style: none;
            font-size: 14px;
            padding-left: 28px;
            color: white;
        }
        ul li span{
            color: red;
        }
        ul li:first-child{
            padding-top: 90px;
        }
        ul li:nth-child(2){
            padding-top: 15px;
        }
        ul li:nth-child(3){
            padding-top: 15px;
        }
        ul li:nth-child(4){
            padding-top: 15px;
        }
        ul li:nth-child(5){
            padding-top: 15px;
        }
        .img{
            margin: 0px 53px;
            padding-top: 10px;
        }
        input{
            border-radius: 4px;
            border: 0px solid;
        }
        select{
            border-radius: 4px;
            border: 1px solid;
        }