求助,用DIV+CSS如果做好下面这个登陆界面?

作者&投稿:鲍竿 (若有异议请与网页底部的电邮联系)
怎样用div+css制作一个登录页面~

用div+css制作一个登录页面,首先需要做的就是将这个登录界面的布局给构想好,然后在使用div去布局出来,一般都要结合表单,因为是需要和数据库结合的,至于的具体的界面,看下代码:



淘宝登录



alert("");







登录






忘记登录密码?










这个代码有些图片的地址,需要根据要求去改,这些是我自己写的,然后就是传输的文件,action那,接受的文件也是需要定义的。

Insert title herefunction login(){var login = document.getElementById('logo_box');login.style.display = 'block';}body{margin:0px;}#logo_box{width:100%;height:100%;display:none;}#logo_box .box_bg{position:absolute;top:0px;background:#fff;width:100%;height:100%;opacity:0.5;}#logo_box .box_msg{margin-left:40%;mragin-right:0px auto;position:absolute;top:100px;background:#ffffff;width:300px;height:400px;border-radius:5px;border:1px solid #a2a7ab;overflow:hidden;text-align:center;}.box_msg h1 {background:#fafbff;font-size:16px;color:#888;text-align:center;margin:0px;height:60px;font-family:微软雅黑;border-bottom:1px solid #a2a7ab;line-height:60px;}.box_msg form{margin:10px;margin-top:40px;font-family:微软雅黑;}.box_msg form input {height:38px;width:270px;font-size:26px;margin-top:20px;border:1px solid #a2a7ab;border-radius:2px;}.box_msg form a{text-decoration:none;}账号密码登陆下次自动登陆忘记密码? | 注册新号 | 意见反馈登陆这个简单嘛。给我你的邮箱,做好给你发过去

<h1>标题肯定要做的哇
用户名到登录界面和注册界面当然用表单去做啦

用QQ账号登录----->可以把出片处理下,做个区块也可以实现,实现的方法很多,看你要怎么做了!

不用多少层,input前面的text这么整齐是因为都用了同一个标签,定义一个标签<span>、<b>、<p>等等,然后用样式控制该标签里面的文字右对齐,span { display:block; width:80px; text-algin:right; float:left;}这样就行了

<h1>会员中心</h1>
<ul>
<li><span>用户名:</span><input /></li>

<li><span>密码:</span><input /></li>

<li><span>验证码:</span><input /><img /></li>
</ul>
这里一个简单的代码原理,不懂再问吧

百度点登录
把那块的html和css提出去,照着做

3个li 就OK 了 P标签也可以 文字部分单独放一个标签 然后设置固定宽度

要偷懒的话其实一个div就好了,里面的那些直接换行来做好了


最好用的div+ css 可视化网页编辑软件是什么?
我一般页面写都是用DW做的,编辑过很多DIV CSS页面,感觉还不错。不过我强烈推荐你使用firefox的web-developer插件,这个在查找div css错误时非常好用,毕竟再所见即所得的编辑器也有不足的地方,两者配合使用非常好。另外针对IE对CSS的支持问题,你可以安装IETester软件,这个软件可以从IE5到IE8分别显示...

纯CS怎么让DIV永远出现在视图范围内
用Div+CSS进行网站布局时,做一些浮动层等特殊特殊效果时要考虑到定位问题。这就要用到Position属性等。Position属性有四个值:static、fixed、absolute和relative,后面两个在布局中的定位里是经常用到的,顾名思义,absolute是指绝对定位,即将对象从文档流中拖出,使用left,right,top,bottom等属性进行...

div csssh是什么
DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格(table)定位方式,真正地达到了w3c内容与表现相分离。

css如何设置div子容器之间的间距
1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<style>标签中,输入css代码:.sub{margin-top: 30px;}。3、浏览器运行index.html页面,此时3个div子子容器的垂直间距被统一设置为了30px。

8086汇编 执行div指令为什么cs的值会发生变化?
直接使用 DIV 指令,有一定的风险,一不小心就溢出了。特别是数字不明确的时候。因此,在执行 DIV 指令之前,应该加以判断,以免发生溢出。一般来说,当被除数的高位,小于除数时,就不会发生“溢出”。如果高位为零,即 DX = 0 或 AH = 0,这就肯定不会溢出。--- 较好的方法是:编写一个“...

dreamweavercs中如何使div内的div平铺?要设置什么属性?
怎么个平铺法?是让多个div并列还是什么意思,如果让div在一行,就都加浮动就可以了

DIV怎么设置滚动条
第一个盒子CSS命名为“divcs5-a”,第二个DIV盒子样式选择器命名为“divcss5-b”。1、具体完整html源代码如下:<!DOCTYPE html> <html> <head> <meta charset="gb2312" \/> <title>div滚动条 在线演示 www.divcss5.com<\/title> <style> .divcss5-a,.divcss5-b{ width:150px; height:...

dwcs6怎么让apdiv在窗口内弹动
1、新建一个HTML空白页。2、在菜单栏中选择插入布局对象,APdiv命令,在页面中插入一个div层。在层内插入一副图片。3、打开拆分视图,将光标放在在之间,在行为控制面板中选择添加按钮,在弹出的菜单中选择拖动AP元素。4、在弹出的拖动AP元素,对话框中选择移动不限制,在行为控制面板中选择onload。

如何用Dreamweaver CS5让一个网页居中?
第一种,设置div的宽度和margin属性。如:<body> <div style="width:1000px; height:500px; margin:0 auto;padding:0;"><\/div> <\/body> 这样就能让次DIV在屏幕中居中;第二种方法:将屏幕分等分,即20%、80%、20%。将两边的颜色设置成透明即可。<body> <div style="width:20%; height:...

css定位布局(css定位布局有哪些)
CSS绝对定位后,后面的元素怎么继着这个绝对定位元素布局首先设置要了解网页页面布局框架结构,设定宽高和边框,以及设置好class或者ID名称。打开DreamweaverCS5,点击新建HTML。根据设定的网页布局,设置div网页结构。添加div标签的class名称,这里也可以使用ID类名。如果是相对定位(relative),那么它的位置是...

龙沙区19431353333: 怎么用div+css做出下面的样式? -
隐严欧乃: 1先看成上中下三部分,第一部分导航,2中间部分在分成2个层3下面部分<body> <div></div> <div> <div></div> <div></div> </div> <div></div></body> 定义样式注意设置宽 高 用浮动.这只是大概的思路 中间的两个层也可以在分层

龙沙区19431353333: 请问用DIV+CSS怎样实现下面这样的菜单 -
隐严欧乃: 1、你可以先给整体定一个div,并给该div设置下边框,如border-bottom:1px solid #000000 这样整体定位和下边线就都有了 2、然后里面需要分几行你就并列写几个div来控制就可以了,一般你写多个div它自己就会竖列显示了 3、里面每一项菜单...

龙沙区19431353333: 下面的分页显示用div+css怎么做,求高手 -
隐严欧乃:首页 1 2 上一页 下一页 外面的框框要设置 width ,height ,再设置一个border:1px solid #F0F0F0 这个应该就差不多了

龙沙区19431353333: 怎么用DIV+CSS做下面的东西 -
隐严欧乃: css代码:.header{ width:960px; height:60px; margin:0 auto; background-color:#999999;}.main{ width:960px; margin:0 auto; overflow:hidden; }.left,.right{ float:left; width:300px; height:300px; background-color:#98FE98;}.content{ float:left; width:360px;...

龙沙区19431353333: 用DIV+css怎么做出来,下面如图?? 请教高手写的清楚点 谢谢!!!!
隐严欧乃: <style> ul{ list-style: url(images/index_75.gif); </style> <ul> <li>1asdf</li> <li>2asdf</li> </ul> 把前面的标识符换成一个图片 之后做一个背景

龙沙区19431353333: 用div+css怎么制作下面图片 导航条 -
隐严欧乃: 没什么特别的啊,用 ul li 就可以了,display: inline-block; float: left

龙沙区19431353333: 如何用DIV+CSS做漂亮的横排导航栏 -
隐严欧乃: 先码好导航栏所需要的基本的HTML代码 这个就不必多说具体的代码如下:<html><head><title>横向导航栏</title><style><!----></style></head><body><div class="nav"> <ul> <li><a href="#">首页</a></li> <li><a href="#">导航1</a></li> <li...

龙沙区19431353333: 网页制作,排版DIV+CSS,JS,用什么方法可以做出下面这种排版,现在很多网页都是这样的,怎么做的? -
隐严欧乃: 这种排版方式叫做瀑布流一般都是靠js来控制的,纯css的不好写现在瀑布流的js插件很多,谷歌 瀑布流插件 源码一把一把的纯手打,希望帮到你

龙沙区19431353333: 用div+css做出下图的效果 -
隐严欧乃: <div> <div style="float:left; width:200px; height:50px; "> <div style="width:180px; height:20px;border:1px solid #333; margin-bottom:2px;"></div> <div style="width:180px; height:20px;border:1px solid #333;"></div> </div> <div style="float:left; width:50px; height:44px;border:1px solid #333;">2</div></div>

龙沙区19431353333: 怎么用div布局加css样式做网页 -
隐严欧乃: 在div里设置id或者class<div id="aaa"></div><div class="bbb"></div> 然后在css样式表里定义样式#aaa{ }.bbb{ }--------------- DIV+CSS通用样式布局实例代码 对于刚开始接触DIV+CSS的同学来说,记住那些对象属性以及对应的值就很困难了...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网