HTML+CSS盒子模型

[微信紅包]恭喜发財，大吉大利！

已于 2022-11-09 12:13:35 修改

阅读量193

点赞数

分类专栏： HTML+CSS 文章标签： css html css3

于 2022-05-08 12:37:03 首次发布

本文链接：https://blog.csdn.net/weixin_68548138/article/details/124646466

版权

HTML+CSS 专栏收录该内容

11 篇文章 2 订阅

订阅专栏

简易会员登录窗口

<html>
<head>
    <title>会员登录界面</title>
    <style>
        #box {
            width: 298px;
            border: 1px solid #3a6587;
        }
        h2 {
            font-size: 16px;
            background-color: #3a6587;
            height: 35px;
            line-height: 35px;
            color: white;
            margin: 0%;
        }
        form {
            background-color: #c8ece3;
            margin: 0%;
        }
        #name {
            border: 3px solid black;
        }
        #email {
            border: 1px dashed red;

        }
        #tel {
            border: 2px dotted blue;
        }
    </style>
</head>
<body>
    <div id="box">
        <h2>会员登录</h2>
        <form action="#">
            <div>
                <strong>姓名:</strong>
                <input type="text" id="name">
            </div>
            <div>
                <strong>邮箱:</strong>
                <input type="text" id="email">
            </div>
            <div>
                <strong>电话:</strong>
                <input type="text" id="tel">
            </div>
        </form>
    </div>
</body>
</html>