css登陆界面样式,html+css登录页面

怎样用css设置登界面啊？就是很简单的那种。

你这个登录界面，如果用table做的话很简单，只需要4行3列，然后就是左右对齐设置下

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：申请域名、雅安服务器托管、营销软件、网站建设、固阳网站维护、网站推广。

如果用css+div也很简单，从上到下4个div，然后在一行的div里面在套div或者直接用ul li来写

css盒子里怎么弄登录界面

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

html

head

meta charset="UTF-8"

title淘宝登录/title

link rel="stylesheet" type="text/css" href="../static/css/index.css" /

script type="text/javascript"

{if $message !=''}

alert("{$message}");

{/if}

/script

/head

body

div id="logo"

div class="logotop"

div class="yanz"

h2登录/h2

form action="logo.php" method="post"

span style="display:block; height:27px; width:27px; background-image:url(../static/images/logozh.jpg); float:left;"/span

input type="text" name="uname" style="height:26px"/br/

span style="display:block; height:27px; width:27px; background-image:url(../static/images/logomm.jpg); float:left;"/span

input type="password" name="pwd" style="height:26px"/

pa href=""忘记登录密码？/a/p

input type="submit" value="" style="width:254px; height:37px; background-image:url(../static/images/logodl.jpg); cursor: pointer;"/

/form

/div

/div

/div

/body

/html

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

求一个JSP界面的CSS登陆样式

style type="text/css"

body{ background:#fff;padding:0; margin:0;font-size:12px;}

img{ border:0; padding:0; margin:0;}

ul{list-style:none;}

.login_bg{ background:url(%=path%financemanage/images/login_new/login_bg.gif) repeat-x; height:591px;}

.dl_bg{ background:url(%=path%financemanage/images/login_new/dlbg.jpg) no-repeat center top;}

.diwen{ background:url(%=path%financemanage/images/login_new/diwen.gif) repeat-x;}

.usename{ font-size:14px; color:#0e3c00;}

.dl_text{ width:145px; height:17px; background:url(%=path%financemanage/images/login_new/text.gif) repeat-x center; border:1px solid #1c5302;}

.dl_but{ width:75px; height:50px; background:url(%=path%financemanage/images/login_new/dlbut.gif) no-repeat; border:0 none; cursor:pointer;}

/style

script language="javascript" type="text/javascript"

var count = 0;

function submit_onclick(obj){

if (count == 0) {

//alert("MAC:" + document.forms[0].MACAddr.value);

obj.submit();

count ++;

}

}

function submit2() {

if (count != 0) {

return false;

}

if (event.keyCode==13) {

document.forms[0].submit();

}

}

/script

!-- script FOR="foo" EVENT="OnObjectReady(objObject,objAsyncContext)" LANGUAGE="JScript"

if(objObject.IPEnabled != null objObject.IPEnabled != "undefined" objObject.IPEnabled == true)

{

if(objObject.MACAddress != null objObject.MACAddress != "undefined")

MACAddr = objObject.MACAddress;

if(objObject.IPEnabled objObject.IPAddress(0) != null objObject.IPAddress(0) != "undefined")

IPAddr = objObject.IPAddress(0);

}

/script

object classid="CLSID:76A64158-CB41-11D1-8B02-00600806D9B6" id="locator" VIEWASTEXT /object

object classid="CLSID:75718C9A-F029-11d1-A1AC-00C04FB6C223" id="foo" /object

script LANGUAGE="JScript"

var service = locator.ConnectServer();

var MACAddr ;

var IPAddr ;

service.Security_.ImpersonationLevel=3;

service.InstancesOfAsync(foo, 'Win32_NetworkAdapterConfiguration');

/script

--

/head

body onKeyPress="submit2();"

table width="100%" border="0" cellspacing="0" cellpadding="0" class="login_bg"

tr

td height="135" align="center" valign="top"img src="%=request.getContextPath()%/financemanage/images/login_new/logo.jpg" width="939" height="135" //td

/tr

tr

td height="391" align="center" valign="top" class="dl_bg"

html:form action="/financemanage/login.do" method="post"

table width="320" height="70" border="0" cellspacing="0" cellpadding="0" style="margin-top:120px; margin-left:40px;"

tr

td width="100" align="center" class="usename"操作员号：/td

td width="184" align="left"input name="tlrno" type="text" class="dl_text" maxlength="8" tabindex="1"//td

td width="75" rowspan="2"input name="Submit" type="button" onclick="submit_onclick(this.form)" value="" class="dl_but" tabindex="3"//td

/tr

tr

td align="center" class="usename"密 　码：/td

td align="left"input name="pwd" type="password" class="dl_text" maxlength="10" tabindex="2"/

%-- input type="hidden" name="MACAddr"/--%

/td

/tr

tr

td/td

td colspan="2"font size="2"html:errors//font/td

/tr

/table

/html:form

/td

/tr

tr

td height="65" class="diwen" /td

/tr

/table

你可以自己换一下背景颜色或者背景图片 其他的都挺好 这是一个给银行操作员登录的界面 你看看吧

如何用html5+ css div制作一个简单的登录界面

1、按照正常的思路，布局就是div布局，写一个固定下来，作为模板，在每次获取数据的时候使用功能代码绑定数据到布局上面，自动生成页面内容就可以了。

拆分出单个模板来，很明显每项都是一样的

就这个样式写div+css不会吗？

两层div 的嵌套，里面布局排文本标签，image标签就可以了，绑定id填数据，或者遍历填数据。

简单布局是一种，再就是

这种

求一个简单的登录界面CSS代码

div id="zuo"

!--input type="button" value="往左" class="y"--

h1登 陆/h1

form method="post" action="ok.html"

p class="form_zh"input type="text" placeholder="请输入账号" class="form_zh_y" autofocus = "autofocus" required = "required"/p

p class="form_mm"input type="password" placeholder="请输入密码" class="form_zh_e" required = "required"/p

input type="submit" value="登 录" class="form_dl"

/form

p class="qtfsdl"spanimg src="images/weixin.jpg" /微信登陆/spanspanimg src="images/QQ.jpg" /QQ登陆/span/p

p class="qtfsdr"img src="images/frm_xia.jpg"//p

p class="y"注 册/p

!--div class="y1" style="position: absolute;top:250px;left: -159px;width: 260px;height: 47px;background: red;opacity: 0.5;"/div--

/div

#zuo{

width: 500px;

height: 540px;

background: white;

position: absolute;

top: calc(50% - 250px);

left:calc(50% - 250px);

color: #292929;

}

#zuo h1,#you h1{margin-top:30px;font-weight: bold;text-align: center;margin-bottom: 30px;}

HTML+CSS实现这个登录界面

首先，只通过HTML和CSS实现该功能是不现实的。既然是登陆操作，就得有校验吧，这个至少需要JavaScript相关代码实现。而且，真正的网页登陆操作都是与后台交互实现的，需要将数据提交到后台校验。、；

其次，没有激励，如何回答？毕竟这不是几分钟就可以搞定的事吧？

当然，若你只是实现页面呈现效果，而不需要实现登陆功能的话，就简单些了，还真的就只需要HTML和css就能实现