制作静态注册网页

最新推荐文章于 2024-10-08 22:29:57 发布

原创

最新推荐文章于 2024-10-08 22:29:57 发布 · 2.2k 阅读

39 ·

CC 4.0 BY-SA版权

文章标签：

#pycharm #python #css

本文介绍了如何使用PyCharm和Python3.6搭建环境，通过CSS和HTML技术来制作静态注册网页。首先，文章提到在新建的HTML5文件中引入CSS重置样式，然后建议设置合适的背景图片。接着，文章展示了基本框架的建立步骤，包括文字和边框的布局。最后，通过CSS调整元素的位置和样式，完成网页美化。文章提供了最终效果图，并鼓励读者互动交流。

环境搭建：pycharm+python3.6

核心技术：CSS+HTML

小编这次给大家带来制作静态注册网页，话不多说，先看效果图（本次制作参照百度注册页面）:

第一步：打开pycharm 建一个新的HTML5文件，引入CSS重置样式（一般网页会自带CSS样式）

建议大家制作自己的网页时都重置一下样式，另外找一张自己比较喜欢的背景图作为注册页面的背景

注：如果图片像素与网页冲突可以修改图片像素（最好将网页边框大小修改成符合图片像素规格）

第二步：基本框架的建立（页面的文字以及边框），因为比较简单所以直接上代码，所以就不一一讲解了，如果有需要私聊小编或者评论留言。

<head>
    <meta charset="UTF-8">
    <title>制作静态注册页面</title>
    <link rel="stylesheet" href="../CSS提升/reset.css">
    <style>
        body{
            background-image: url("背景图片.jpg");
            background-size: 100%;/*让图片符号网页100%的比例*/
        }
    </style>
</head>
<body>
<form action="" method="post">
    <h1>欢迎注册</h1>
    <p>已有账户? <a href="#">登录</a>&