首页 / 知识
怎样用CSS3制作登录框
2023-04-11 15:13:00
作为一个新手，个人觉得难点在：
1.阴影的使用（外框，账户栏，密码栏，button）
2.账户栏，密码栏的布局
3.button颜色渐变
下面给出一些思路，也希望大家提供一些简洁的方法帮助更多的新手。
HTML代码如下：
<body>
<divclass="wrapper">
<divclass="header">Loginto<span>love.ly</span></div>
<formaction=""method="post">
<ul>
<li>
<divclass="text">
<spanclass="yonghu"></span><inputtype="text"placeholder="IconDeposit">
</div>
</li>
<li>
<divclass="password">
<spanclass="mima"></span><inputtype="password"placeholder="••••••••••••••">
</div>
</li>
<liclass="remember">
<inputtype="checkbox">RememberMe</li>
<li>
<ahref="">Forgotusernameorpassword?</a>
</li>
<li>
<inputtype="button"value="Login">
</li>
</ul>
</form>
<divclass="footer">
<p>Love.lyPersonalBlog.PSDTemplate<ahref="">Copyright©2012MattGentile</a></p>
<p><ahref="">Love.lyHome</a>|<ahref="">Bolg</a>|<ahref="">Work</a>|<ahref="">TermsofUse</a>|<ahref="">ContactMe</a></p>
</div>
</div></body>
form{background:#cccccc;width:260px;height:260px;margin:35pxauto;padding:30px;box-shadow:0px1px2px1px#aaaaaa,
inset0px1px1pxrgba(255,255,255,0.7);border-radius:3px;
}
box-shadow语法：
E{box-shadow:<length><length><length>?<length>?||<color>}
也就是：E{box-shadow:insetx-offsety-offsetblur-radiusspread-radiuscolor}
换句说：
对象选择器{box-shadow:投影方式X轴偏移量Y轴偏移量阴影模糊半径阴影扩展半径阴影颜色}
本文转载自中文网 |
最新内容
相关内容
python怎样逐行读取
python怎样逐行读取，培训，数据，文件，程序，内容，字符集，方法，结尾，字符，接下来，python文件对象提供了如下两个方法来读取行：readline([n])：读取
pythonpip怎么调用
pythonpip怎么调用，培训，工具，标准，管理，替代品，模块，以上，功能，更多，内容，pip是一个安装和管理Python包的工具，python安装包的工具有easy_ins
python井号怎么用
python井号怎么用，培训，代码，注释，演示，上面，下面，以上，部分，更多，内容，注释在编程中是很重要的部分。它能告诉你这段代码是干什么用的，或者用
python三引号怎么使用
python三引号怎么使用，培训，代码，名字，引号，字符串，注释，下面，定义，以上，作用，python中的三引号，3个单引号及3个双引号，通常用来换行书写代码，或
python怎样求和
python怎样求和，培训，总和，参数，方法，列表，语法，实例，对象，以上，以下，python中的sum()方法可对系列进行求和计算。以下是sum()方法的语法:sum
python如何安装一个模块
python如何安装一个模块，培训，工具，模块，方式，文件夹，源码，本文，下面，以上，之后，下面介绍几种安装Python模块的几种方式easy_install方式先下
python变量怎么使用
python变量怎么使用，培训，信息，数字，变量，字母，空格，开头，关键字，意义，规则，python中的变量主要是用来存贮信息的。message="HelloPythonwor
pythondef有什么作用
pythondef有什么作用，代码，培训，名字，函数，括号，内部，定义，功能，作用，参数，python使用def开始函数定义，紧接着是函数名，括号内部为函数的参数，内
python怎么使用列表
python怎么使用列表，位置，培训，公式，列表，元素，表示，末尾，切片，倒数，顺序，python列表的简单操作1.在列表末尾添加元素：sth.append()2.在列表中
python怎样启动python程序运行
python怎样启动python程序运行，代码，环境，项目，工具，培训，业务，有限，程序，源文件，功能，执行Python程序的三种方式解释器——python/python3交python用哪个软件编写运行python
python用哪个软件编写运行python，软件，环境，代码，培训，服务，分析，工具，功能，程序，系列，编写和运行Python代码的软件叫IDE，也就是集成开发环境python函数嵌套时怎么调用
python函数嵌套时怎么调用，培训，函数，周期，变量，嵌套，作用，定义，里面，上层，也就是说，python允许创建嵌套函数。也就是说我们可以在函数里面定