制作静态注册网页

最新推荐文章于 2024-05-14 16:32:14 发布

python_UTF_8

最新推荐文章于 2024-05-14 16:32:14 发布

阅读量2.1k

点赞数 3

分类专栏： web前端核心技术文章标签： pycharm python css

本文链接：https://blog.csdn.net/python_UTF_8/article/details/118928990

版权

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

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

环境搭建：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%