如何用div+css做一个简单的登录界面
发表于:2024-09-22 作者:千家信息网编辑
千家信息网最后更新 2024年09月22日,这篇"如何用div+css做一个简单的登录界面"文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看
千家信息网最后更新 2024年09月22日如何用div+css做一个简单的登录界面
这篇"如何用div+css做一个简单的登录界面"文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇"如何用div+css做一个简单的登录界面"文章吧。
本例最终效果如下:
一、设置整个网页的背景色
图1
图2
二、创建一个盒子,让其水平居中,距离上边200像素。
图3
图4
三、把盒子设置四个角为圆角,圆10个像素。
图5
图6
四、在大盒子里做一个ding盒子,设置它上面两个角是圆角,下面两个角是直角。
图7
图8
五、ding盒子里输入几个字,让这几个字在盒子里水平居中,垂直居中,关于盒子内居中问题可参看我写的文【203】。
图9
图10
六、在deng盒子里面再做三个小盒子,取名为ref,注意如果这三个盒子不用浮动,会有什么效果,这个你可以试试看。
图11
图12
七、往ref盒子里面添加信息,发下图,这里顺便学习两个标签,一个是input,一个是button。
图13
图14
八、去掉背景色,然后用盒子内居中的方法,让这些元素居中。
图15
图16
九、通过样式,设置按钮的大小和字的大小,这里我特地用id来给元素上名字,不同于class,在样式里调用的时候,一个是前面加.一个是前面加#。
图17
图18
十、最后设置一下密码输入框,输入内容时为密码隐藏符号。
图19
以上就是关于"如何用div+css做一个简单的登录界面"这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注行业资讯频道。
盒子
内容
界面
登录
两个
输入
三个
像素
元素
圆角
大小
密码
效果
文章
样式
水平
知识
篇文章
背景
上边
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
php db插入数据库
云南诚信积分管理软件开发电话
go语言操作数据库的框架
网络技术人员的要求
5g网络安全行业风口
时间服务器怎么开启
西门子软件开发面试
远鉴科技互联网
国家网络安全案例分析
哪种国外服务器安全
网络安全是为了保障
高端服务器电源设计难点
仿诈骗网络安全 内容
江夏环境好的计算机软件开发
上海享学网络技术有限公司
青岛系统软件开发价格
2020旧金山网络安全会议
网络技术措施44号文
svn服务器管理口地址
css服务器ip
小鸟云服务器mysql
网络安全国际博览会开幕式
数据库15405
apex哪个服务器的人菜
软件开发上课实操视频
恩施凯恩特网络技术服务有限公司
vb连不上数据库
深圳福田java软件开发班
常见的关系数据库名称举例
西班牙网络安全律师