包装设计学校_如何创建CSS3登录表单

包装设计学校的核心价值在于为企业打造独特的品牌，包装设计学校可以给企业带来良好的社会声誉和经济效益。

注：配图为本公司设计作品

包装设计学校原文直译：

主题：CSS3

难度：初学者

预计完成时间：30分钟

今天，我将教你如何创建一个漂亮的CSS3登录页面，可以集成到你的网站，博客，应用程序等。我已经用这种方法为我的客户创建了一个登录页面来实现它；这给了他们在其他wordpress软件博客中的多样性。

隐藏

步骤1HTML

步骤2开始半铸钢钢性铸铁(Cast Semi-Steel)

步骤3设计

步骤4完成表单设计

步骤5设计背景

下载CSS3登录表单

步骤1HTML

在我们开始用半铸钢钢性铸铁(Cast Semi-Steel)创建登录页面之前，我们首先需要HTML，它将包括按钮、链接、字段和基本布局的所有内容，然后我们将超文本标记语言链接到半铸钢钢性铸铁(Cast Semi-Steel)以完成设计。

div class='容器'

div class='登录'

氕登录应用程序/h1

表单方法='post '操作=' '

pin put type=' text ' name=' log in ' value=' ' placeholder='用户名或电子邮件/p

pin put type=' Password ' name=' Password ' value=' ' placeholder=' Password '/p

记住我

标签

输入类型='复选框'名称='记住我id='记住我'

在这台计算机上记住我

/标签

提交输入类型='提交'名称='提交'值='登录'/p

/表单

/div

div class='登录帮助'

忘记密码了吗？a href='# '单击此处重置/a，/p

/div

步骤2开始半铸钢钢性铸铁(Cast Semi-Steel)

超文本标记语言完成后，我们现在需要开始半铸钢钢性铸铁(Cast Semi-Steel)部分的设计。首先，我们需要开始登录页面的布局。首先，添加下面的代码。添加这个半铸钢钢性铸铁(Cast Semi-Steel)时，一定要在代码上方留出空间，以便进行相应的组织。之后，我们可以添加额外的元素，如身体的设计。容器{

边距：50px自动；

宽度：640像素

}。登录{

位置：相对；

边距：0自动；

填充：20像