HTML/CSS制作阿里巴巴注册界面

源代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>阿里巴巴注册</title>
</head>
<style type="text/css">
table{vertical-align:center;
}#a{align-self: auto;width: 1000px;height: 1000px;}#b{width: 100%;height:100px;}#c{width: 100%;height: 500px;}#d{width: 300px;height: 100px;overflow: scroll;border: 1px solid;}#e{width: 100%;height: 100px;}input#s{width: 200px;}input#f{width: 100px;position: top;}td#l{width: 300px;text-align: right;}td#s{width: 200px;}td#f{width: 100px;}td#z{text-align: right;vertical-align: bottom;}tr#l{height: 50px;vertical-align:middle}
</style>
<body><div id="a"><div id="b"><img src="图片3.png"></div><div id="c"><table ><tr id="l"><td id="l">电子邮箱：</td><td><input type="text" id="s" ></td></tr><tr id="l"><td id="l">会员登录名：</td><td><input type="text" id="s" ></td></tr><tr id="l"><td id="l">密码：</td><td><input type="password" id="s" ></td></tr><tr id="l"><td id="l">再次输入密码：</td><td><input type="password" id="s" ></td></tr><tr id="l"><td id="l">会员身份:</td><td><input type="radio">买家<input type="radio">卖家<input type="radio">两者都是</td></tr><tr id="l"><td id="z">验证码:</td><td ><input type="text" id="f" ><img src="图片4.png"><a href="#">看不清？换一张</a></td></tr><tr id="l"><td id="l"></td><td><img src="图片1.png"></td></tr><tr><td id="l"></td><td><div id="d">欢迎阅读阿里巴巴公司（阿里巴巴）服务条款协议(下称"本协议")，您应当在使用服务之前认真阅读本协议全部内容，且对本协议中加粗字体显示的内容，阿里巴巴督促您应重点阅读。本协议阐述之条款和条件适用于您使用阿里巴巴中文网站（所涉域名为：Alibaba.com.cn、alibaba.cn、1688.com，下同），所提供的在全球企业间(B-TO-B)电子市场(e-market)中进行贸易和交流的各种工具和服务(下称"服务")。</div></td></tr></table></div>   <div id="e"><img src="图片2.png" ></div></div></body>
</html>

结果展示：

HTML/CSS制作阿里巴巴注册界面相关推荐

软件测试代码很难？手把手教你写出阿里巴巴注册界面
那么今天的话呢,带大家来学习的是三个内容文章首发于公众号:程序员阿沐本节大纲: 01.认识HTML 02.表单的运用 03.阿里巴巴注册界面的实现我们要去实现阿里巴巴注册界面,一个前端界面. 我 ...
阿里巴巴注册界面详解
前言: 我们要去实现阿里巴巴注册界面,一个前端界面.我们应该去做一个什么内容? 我们这个的实现是用HTML语言来写的,所以首先第一个呢,我们来认识一下什么是HTML,我们再来学习在HTML中间我们怎么 ...
用HTML制作一个注册界面
1.制作如下图的注册界面要求如下: 体大小均为14px,灰色文字#999,验证码灰色背景#eee,注册按钮为红色背景#e3393c,注册按钮圆角6px 思路分析,根据图片的信息,本题的格式可以看做是一 ...
使用HTML制作会员注册界面
1.认识表单表单是网页用于输入信息的区域,它的主要功能是收集用户信息,是获取用户输入或选择数据的一种方式. 表单设计表单设计分为,表单界面和应用程序. 表单三部分组成: 1.表单标签包含处理表单 ...
html+CSS的QQ注册界面练习
html <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...
HTML CSS 个人注册界面实现边框上加文字
实例:制作个人注册界面效果: HTML CSS 代码实现: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN ...
基于boostrap的登录注册界面制作（html+css）
这里写自定义目录标题基于boostrap的登录界面制作 1. 安装bootstrap以及fontawesome环境 2. 表单设计 3. CSS样式基于boostrap的登录界面制作 1. 安装b ...
php+html+css制作非常好看网站登录与注册界面
php+html+css制作非常好看网站登录与注册界面 php版本:5.2.17 phpstudy版本:v8.0 首先看一下效果图: 登录界面: (输入密码也是一样的!) 注册页面: 以上就是效果图 ...
运用HTML和CSS制作聚美优品注册整体界面
运用HTML和CSS制作聚美优品注册整体界面聚美优品的界面一向很讨广大客户的喜爱,好看却不繁杂,下面大家看下本次将制作的界面看到网页的第一件事就是想布局,如何把整个网页中各个元素进行包装分化.总体 ...

HTML/CSS制作阿里巴巴注册界面

HTML/CSS制作阿里巴巴注册界面相关推荐

最新文章

热门文章