用html制作个人博客页面,HTML开发博客之注册页面设计（二）

创建注册内容html>

用户注册页面

@charset "utf-8";

body{

background-color: #F0F0F0;

}

border: 0px;

padding: 0px;

margin: 0px;

font-size: 14px;

}

#top{

width: 100%;

height: 90px;

background-color: white;

border-bottom: 1px solid #bbbbbb;

}

#menu{

width: 1000px;

overflow: hidden;

margin: 0 auto;

}

#menu img{

height: 90px;

}

#menu ul{

list-style-type: none;

}

#menu ul li{

float: left;

height: 90px;

line-height: 90px;

margin-right: 50px;

}

#menu ul li a{

color: black;text-decoration: none;

display: inline-block;

}

#menu ul li a:hover{color: #FFD700;text-decoration: none}

首页
科技资讯
心情随笔
资源收藏
图文图片
留言板
登陆/注册

注册账号已有账号直接登陆

然后对样式进行修改#box{

width: 900px;

height: 370px;

background-color: white;

margin: 0 auto;

margin-top: 50px;

padding: 50px;

}

#box p{

text-align: center;

}

.p_line{

border-bottom: 1px solid #bbbbbb;

height: 40px;

line-height: 50px;

}

.txtBox{

border: 1px solid #bbbbbb;

width: 350px;

margin-top: 30px;

height: 50px;

padding-left: 10px;

border-radius: 5px;

}

.btn {

width: 365px;

height: 50px;;

color: white;

background-color: #DD0000;

margin-top: 25px;

}

对box元素，限定宽度和高度，改变颜色，居中显示，调整距离，p标签使文字居中，对输入框依次进行样式美化，加边框，调整颜色高度,，完成效果如下。

用html制作个人博客页面,HTML开发博客之注册页面设计（二）相关推荐

从0开始写Vue项目-Vue页面主体布局和登录、注册页面
1.从0开始写Vue项目-环境和项目搭建_慕言要努力的博客-CSDN博客 2. 从0开始写Vue项目-Vue2集成Element-ui和后台主体框架搭建_慕言要努力的博客-CSDN博客一.主体布局 ...
一个简单的小项目博客园（2）登录、注册页面
目录: 注册功能(使用forms组件) 登录功能(使用验证码) 注册功能(使用forms组件) 解耦合在app01中创建myforms.py from django import forms from ...
前端开发学习--登录和注册页面设计（html和css，可完成两个页面点击切换）
今天学习了登录和注册页面的设计,主要是HTML和CSS部分,注册和切换采用了Js代码进行,后面将通过js进行填写内容的验证,进而可通过JSP跳转到Servlet进行DAO数据的校验,这属于后端部分了. ...
java开发人工智能客服_Java开发人工智能客服机器人
[实例简介] Java使用图灵机器人实现在线人工智能客服聊天系统,源码Demo [实例截图] [核心代码] robot_lt └── robot_lt ├── src │ └── com │ ...
html js注册页面代码,JS一个简单的注册页面实例
// $(function(){ // $("input[name='uname']").blur(function(){ // var unamestr = $(this).va ...
文顶顶iOS开发博客链接整理及部分项目源代码下载
网上的iOS开发的教程很多,但是像cnblogs博主文顶顶的博客这样内容图文并茂,代码齐全,示例经典,原理也有阐述,覆盖面宽广,自成系统的系列教程却很难找.如果你是初学者,在学习了斯坦福iOS7公开课 ...
一个简单的注册页面制作
一个简单的网页–流水哗啦啦购物平台: 点击注册新用户后,出现的注册页面: 当密码少于八位时出现的提示: 当密码格式不正确时出现的提示: 当年龄格式不正确时出现的提示:(年龄有效格式为1-120之间的数 ...
为什么注册页面刷新一次，数据库就多了一条数据？？？？？
web项目为什么点击注册按钮跳转不到注册页面?(上一篇博客) 从上次注册页面能成功访问之后(上一篇博客),我就开始编写注册页面.最终成功的将用户名和密码插入到数据库中! 但是问题百出!我登录刚刚注册的 ...
用Html实现世纪佳缘交友注册页面是什么体验？
一.前言在零基础必看的Html5+Css3+移动端前端视频教程(三)中主要学习了表格.列表.表单标签的使用,那这篇博客就利用这些知识,实现注册页面. 二.分析页面布局这是世纪佳缘的官网,目前只凭借 ...

用html制作个人博客页面,HTML开发博客之注册页面设计（二）

用html制作个人博客页面,HTML开发博客之注册页面设计（二）相关推荐

最新文章

热门文章