搜索到
5
篇与
的结果
-
58注册html单页ui练习第三弹 前言练起来 练起来 练起来！第三弹练习来了 看太多书和笔记都不如直接上手操作 下面是第三个单页练习 有兴趣的往下看 练习都是大同小异 主要是为了熟悉div+css的布局 是上手操作多了自然就熟练起来了效果图说明跟练习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> 文件下载需要下方评论区留言才可以查看下载哦隐藏内容，请前往内页查看详情 -
工商注册html单页ui练习第二弹 前言临近期末 该内卷还是要内卷的 为了考试不挂科 所以练起来 看太多书和笔记都不如直接上手操作 下面是第二个单页练习 有兴趣的往下看 练习都是大同小异 主要是为了熟悉div+css的布局效果图说明跟练习1 一样的操作 布局一定要清楚注册表单就用表格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> 文件下载需要下方评论区留言才可以查看下载哦隐藏内容，请前往内页查看详情
-
唯品会html单页ui练习第一弹 前言html课程学了好几周了，虽然说学的都是基础，毕竟写的都是这些简单的单页，下面分享一下 课堂上面的练习 仿唯品会的单页 做出这个 期末的html考试基本上是稳了效果图说明写之前 一定要先划分好网站的各方面区域，首先先写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> 文件下载需要下方评论区留言才可以查看下载哦隐藏内容，请前往内页查看详情
-
-
梧州宝石html注册页面 效果图如下：简单的单页注册页面 课堂上的练习刚学css时做的 无功能 只是一个UI而已感兴趣的直接复制下方代码拿走即可大神请绕道 互相学习共同进步<!doctype html> <!--星逸博客--> <html> <head> <meta charset="utf-8" /> <title>梧州宝石 - 注册界面</title> <!--css样式内容开始--> <style type="text/css"> /*标题文本样式*/ .title1 { font-size:35px; color:#b8860b; font-weight:bold; margin-left:135px; } .title2 { font-size:25px; color:#000000; } /*文本样式*/ .text1 { color:red; font-size:12px; font-weight:bold; } .text2 { font-size:13px; } .text3 { font-size:15px; color:red; } /*文本框样式*/ input[type=text], [type=password] { width: 25%; padding: 12px; border: 1px solid #ccc; resize: vertical; /*border-radius: 4px;文本框圆角*/ } /*去除超链接下划线*/ a { text-decoration:none; } /*按钮控件*/ input[type=submit] { background-color: #daa520; border: none; color: white; padding: 14px 22px; text-decoration: none; cursor: pointer; font-weight:bold; font-size:14px; margin-left:50px; } </style> </head> <body> <div> <p> <span class="title1">梧州宝石</span> <span class="title2"> | 用户注册</span> <br /> <hr width="80%" size="3" color="#cccccc" /> </p> </div> <div align="center"> <p> <span class="text1"> *</span><span class="text2">会员名：</span> <input type="text" name="wb1"> </p> <p> <span class="text1">*</span><span class="text2">登录密码：</span> <input type="password" name="wb2"> </p> <p> <span class="text1">*</span><span class="text2">密码确认：</span> <input type="password" name="wb3"> </p> <p> <span class="text1">*</span><span class="text2">手机号码：</span> <input type="text" name="wb4"> </p> <p> <span class="text1"> *</span><span class="text2">邮箱：</span> <input type="text" name="wb5"> </p> <p> <input type="checkbox" name="chck" style="margin-left:145px;"> <span class="text2">创建网站的同时，我统一遵守： <a href="#"><span class="text3">《梧州宝石条款》</span></a> 及 <a href="#"><span class="text3">《隐私声明》</span></a> </span> </p> <p> <input type="submit" name="subt" value="同意并注册"> </p> </div> </body> </html>
