CSS边框样式

原创 2019-02-24 12:13:16 211
摘要:<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Document</title>    <style>       

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        *{

            margin: 0px;

            padding: 0px;

        }

        .nav li{

            float: left;

            list-style: none;

            padding: 15px 35px;

        }

        .content{

            width: 600px;

            height: 800px;

            margin: auto;

            border: 1px solid #ccc;

            box-shadow: 10px 5px 3px #ccc;

        }

        .nav{ 

            height: 50px;          

            background: pink;

        }

        .login{

            text-align: center;

            padding-top:50px;

        }

        .login input{

            height: 50px;

            width: 300px;

            margin-top:20px;

            border-radius: 5px;

            padding-left: 20px;

            box-shadow: 0px 2px 3px #ccc;

        }

        .login button{

            margin-top: 20px;

            height: 50px;

            width: 325px;

            border-radius: 10px;

            background: #3194D0;

            color:white;

        }

        a{

            color:#ccc;}

        a:hover{

            color:orange;

        }

        b{

            color:#ccc;

        }

    </style>

</head>

<body>

    <div>

        <div>

            <ul>

                <li>首页</li>

                <li>网络游戏</li>

                <li>单机游戏</li>

                <li>手游</li>

                <li>论坛</li>

            </ul>

        </div>

    <div>

            <h2>

                <a href="">登录</a>

                <b>·</b>

                <a href="">注册</a>

            </h2>

        <input type="text" name="username" placeholder="请输入用户名"/><br>

        <input type="pssword" name="pwd" placeholder="请输入密码"/><br>

        <button ><h1>登 录</h1></button>

    </div>

    </div>

</body>

</html>


批改老师:西门大官人批改时间:2019-02-24 13:59:54
老师总结:作业完成的不错,最好上传一下运行的效果图

发布手记

热门词条