58注册html单页ui练习第三弹

耀世
2021-12-19 / 1 评论 / 100 阅读 / 正在检测是否收录...

前言

练起来 练起来 练起来!第三弹练习来了 看太多书和笔记都不如直接上手操作 下面是第三个单页练习 有兴趣的往下看 练习都是大同小异 主要是为了熟悉div+css的布局 是上手操作多了自然就熟练起来了

效果图

58同城注册页面.png

说明

跟练习1,2 一样的布局类型操作 注册表单就用表格table来进行布局,写之前 一定要先划分好网站的各方面区域,首先先写div、头部、导航、主体、主体左边右边、还有底部然后就是对应的css样式 我这里举例html这的主要div css样式我就不展示出来了 具体清下载文件来查看 里面都有注释了的导航栏 图片以及菜单的浮动 主体左边跟主体右边的浮动 一定要注意 然后就是在主体里面插入内容 表格啥的 等等....

<div>
<!--整体包裹全部div的div-->
      <div class="header">
          <!--模块1头部区域-->
      </div>
      <div class="nav">
          <!--模块2整体区域-->
      </div>
      <div class="main">
          <!--模块3整体区域-->
          <div class="main_1">
              <!--模块3-1区域-->
          </div>
          <div class="main_2">
              <!--模块3-2区域-->
          </div>
      </div>
      <div class="footer">
          <!--网站底部区域-->
      </div>
</div>

文件下载

需要下方评论区留言才可以查看下载哦

1

评论 (1)

取消
  1. 头像
    执念
    Android · Google Chrome

    好看呀表情

    回复