注册页面（CSS）效果图+代码

最新推荐文章于 2021-12-02 18:54:05 发布

小曹爱编程

最新推荐文章于 2021-12-02 18:54:05 发布

阅读量1.7w

点赞数 18

分类专栏：前端文章标签：注册页面 CSS实例

本文链接：https://blog.csdn.net/weixin_44462064/article/details/96722056

版权

这篇博客展示了如何使用CSS创建一个注册页面，并提供了详细的代码实现。文章以效果图为引导，接着给出了实现该效果的具体CSS代码，为读者提供了一个实践CSS技能的实例。

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

效果图

注册页面带CSS效果图

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
            box-sizing: border-box;
        }
        body{
            background: url("image/register_bg.png") no-repeat;
        }
        .rg_layout{
            width: 900px;
            height: 500px;
            border: 5px solid #EEEEEE;
            background-color: white;
            /*让div水平居中*/
            margin: auto;
            margin-top: 15px;
        }
        .rg_left{
            float: left;
            margin: 15px;
            width: 20%;
        }
        .rg_left > p:first-child{
            color: #FFD026;
            font-size: 20px;
        }
        .rg_left > p:last-child{
            color: #A6A6A6;
        }
        .rg_center{
            /*border: 1px solid red;*/
            float: left;
            width: 450px;
            /*margin: 15px;*/
        }
        .rg_right{
            float: right;
            margin: 15px;
        }
        .rg_right

最低0.47元/天解锁文章

小曹爱编程

关注

18
点赞
踩
71

收藏

觉得还不错? 一键收藏
1
评论
注册页面（CSS）效果图+代码

效果图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0px; ...
复制链接

扫一扫

专栏目录