html&css练习-注册列表界面

最新推荐文章于 2024-10-04 14:40:52 发布

养只大胖猫

最新推荐文章于 2024-10-04 14:40:52 发布

阅读量850

点赞数

分类专栏： web方面

本文链接：https://blog.csdn.net/weixin_42988264/article/details/89929349

版权

本文是一篇关于使用HTML和CSS进行实践的教程，重点在于创建一个注册列表界面。通过代码示例，作者展示了如何运用这两种技术来构建用户登录界面。

摘要由CSDN通过智能技术生成

对于html与css的运用练习，目标：完成一个登陆界面。
代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <style>

        body{
            background: url("image/fengxing.jpg" ) no-repeat center;
        }
        .layout{
            width: 750px;
            height: 450px;
            border: 8px solid #EEEEEE;
            background-color: white;
            /*让div水平居中*/
            margin: auto;
            margin-top: 100px;

        }
        .left{
            float: left;
        }
        .left  p:first-child{
            color:#FFD026;
            font-size: 20px;
        }

        .left  p:last-child{
            color:#A6A6A6;
            font-size: 20px;
        }

        .center{
            float: left;

        }
        .right{
            float: right;
        }
        .td_left{
            width: 100px;