利用基本的html+css逻辑实现一个简易的注册页面
【前端|【HTML+CSS+JS】注册页面模板】
文章图片
文章图片
源码如下：
body{
background-image:url("/i/paper.jpg");
}
注 册div{
text-align:center;
color:black;
font-size:18;
font-weight:900;
}
.button {
background-color:#555555;
border-radius: 4px;
transition-duration: 0.4s;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 18px;
margin: 4px 2px;
cursor: pointer;
}
.button1:hover {
background-color: #4CAF50;
color: white;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
border: 1px solid #e7e7e7;
background-color: #f3f3f3;
}li {
float: left;
}li a {
display: block;
color: #666;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}li a:hover:not(.active) {
background-color: #ddd;
}li a.active {
color: white;
background-color: #4CAF50;
}
input[type=text1] {
width: 30%;
padding:20px ;
margin:10px 0;
box-sizing: border-box;
text-align:left;
}
- 首页
- 公告
- 客服
- 关于我们
- 退出
设置用户名：
性别：
男
女
设置密码：
确认密码：
学历：
就业方向:
Java后端
web前端
C#
python
期望薪资：
备注：
如果觉得起到帮助，帮忙一键三连哦~~~
推荐阅读
- HTML+CSS|【HTML+CSS+JS】前端三剑客实现3D旋转照片墙
- webpack|【webpack】从零开始配置webpack系列(原理篇)
- 计算机网络|【HTTP协议】发展历程
- webpack|【webpack】从零开始配置webpack系列(基础篇)
- webpack|【webpack】从零开始配置webpack系列(进阶篇)
- html|html 爱心树,jQuery结合HTML5制作的爱心树表白动画
- J2EE|学生管理系统的增删改查
- CSS样式|CSS效果集合
- 纯css3实现下拉箭头、关闭按钮旋转效果