腾讯小白作业之百度登录界面
来源:互联网 发布:小学生英语口语软件 编辑:程序博客网 时间:2024/04/30 15:41
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录</title>
<style type="text/css">
*{
margin:0;
padding: 0;
}
.big{
height: 281px;
width: 391px;
border: black 1px solid;
box-shadow:2px 2px 10px #6789ad;
}
.big1{
position: relative;
height: 48px;
width: 100%;
background-color: rgb(247,247,247);
}
.zz{
font-size: 20px;
float: left;
}
.zzz{
float:right;
}
.cc{
float: left;
}
.duanxin{
margin-right: 10px;
float: right;
}
.ab{
text-align: center;
line-height: 20px;
}
.abc{
line-height: 20px;
margin-bottom: 10px;
}
.d{
margin-left: 105px;
margin-top: 0px;
}
.ss{
float: right;
}
.asd{
margin-left: 105px;
}
.aaa{
width: 173px;
background-color: rgb(63,144,247);
}
</style>
</head>
<body>
<div class="big">
<div class="big1">
<img class="cc" src="bd.png"/>
<p class="zz">百度登录账号</p>
<p class="zzz">X</p>
</div>
<div class="duanxin"><a href="#">短信快捷登录</a></div><br>
<div class="ab">
<input type="text" class="abc" value="用户名"> <br/>
<input type="passord" class="abc" value="密码"> <br/>
</div>
<div class="d">
<input class="" type="radio" />下次自动登录
<a class="ss" href="#">登录遇到问题</a>
</div>
<div class="asd"><input type="button" class="aaa" value="登录"></div>
<div class="ss"><a href="#">立即注册</a></div>
<br/><br><hr>
可以使用以下方式登录
<br>
<img src="yj.png">
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>登录</title>
<style type="text/css">
*{
margin:0;
padding: 0;
}
.big{
height: 281px;
width: 391px;
border: black 1px solid;
box-shadow:2px 2px 10px #6789ad;
}
.big1{
position: relative;
height: 48px;
width: 100%;
background-color: rgb(247,247,247);
}
.zz{
font-size: 20px;
float: left;
}
.zzz{
float:right;
}
.cc{
float: left;
}
.duanxin{
margin-right: 10px;
float: right;
}
.ab{
text-align: center;
line-height: 20px;
}
.abc{
line-height: 20px;
margin-bottom: 10px;
}
.d{
margin-left: 105px;
margin-top: 0px;
}
.ss{
float: right;
}
.asd{
margin-left: 105px;
}
.aaa{
width: 173px;
background-color: rgb(63,144,247);
}
</style>
</head>
<body>
<div class="big">
<div class="big1">
<img class="cc" src="bd.png"/>
<p class="zz">百度登录账号</p>
<p class="zzz">X</p>
</div>
<div class="duanxin"><a href="#">短信快捷登录</a></div><br>
<div class="ab">
<input type="text" class="abc" value="用户名"> <br/>
<input type="passord" class="abc" value="密码"> <br/>
</div>
<div class="d">
<input class="" type="radio" />下次自动登录
<a class="ss" href="#">登录遇到问题</a>
</div>
<div class="asd"><input type="button" class="aaa" value="登录"></div>
<div class="ss"><a href="#">立即注册</a></div>
<br/><br><hr>
可以使用以下方式登录
<br>
<img src="yj.png">
</div>
</body>
</html>
0 0
- 腾讯小白作业之百度登录界面
- IMWeb小白-百度登录界面
- 前端小白Day6-仿照百度制作登录界面
- 腾讯小白作业4.16.html
- 腾讯小白结业作业-博客页面
- 腾讯课堂IMWeb小白学习作业
- C#小项目之登录界面1
- Axure学习之百度登录界面原型图
- DAY6作业-百度登录框
- 腾讯课堂IMWeb小白学习作业2
- android登录小界面
- Java小程序之GUI开发简单前台登录界面
- 界面编程之登录界面
- android登录界面小案例
- QQ登录界面小例子
- 用户登录界面小实例
- 作业,大美农登录界面和设置密码
- 百度,腾讯,小米笔试小总结
- Windows上利用GitBash生成public ssh key
- Gym
- Source Insight实用技巧和内挂
- wireshark
- Skynet服务器框架(六) Socket服务源码剖析和应用
- 腾讯小白作业之百度登录界面
- pandas读取文件中包含中文,出错
- 13. Struts2_通配符映射
- 模板的声明和定义编译问题
- select和epoll的区别
- Unity 3D
- List接口介绍
- POJ 2653 线段相交
- ajax同步加载问题