求大神写一个HTML的登录界面,连带css样式

html-css07

求大神写一个HTML的登录界面,连带css样式,第1张

这个可以参考一下:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<link href="main.css" type="text/css" rel="stylesheet">

<title>登陆界面</title>

</head>

<body>

<div class="login_ico">

<img src="images/login_ico.png">

</div>

<div class="login_putin">

<ul>

<li><input type="text" ></li>

<li><input type="password" ></li>

</ul>

</div>

<div class="login_btn">

<input type="submit" value="登陆">

</div>

</body>

</html>

样式 :

*{

margin:0

padding:0}

li{

list-style-type:none

margin:0

padding:0}

a{

text-decoration:none

color:#000}

/*---------------------按钮-----------------------------*/

.login_putin ul li input{

margin: 0

width:70%

padding: 1em 2em 1em 5.4em

-webkit-border-radius:.3em

-moz-border-radius: .3em

border: 1px solid #999

}

.login_btn{

width:300px

margin:40px auto 0 auto

}

.login_btn input{

width:100%

margin:0

padding:.5em 0

-webkit-border-radius:.3em

-moz-border-radius: .3em

border:#1263be solid 1px

background:#1b85fd

color:#FFF

font-size:17px

font-weight:bolder

letter-spacing:1em

}

.login_btn input:hover{

background:#1263be

}

您好,您可以通过以下步骤来更改忘川风华录登录界面:

1. 首先,您需要打开忘川风华录的官网,点击“登录”按钮进入登录界面。

2. 在登录界面,您可以看到一个“设置”按钮,点击它可以进入设置界面。

3. 在设置界面,您可以看到一个“个性化”选项,点击它可以进入个性化设置界面。

4. 在个性化设置界面,您可以看到一个“登录界面”选项,点击它可以进入登录界面设置界面。

5. 在登录界面设置界面,您可以看到一个“背景图片”选项,点击它可以选择您想要的背景图片。

6. 选择完您想要的背景图片后,点击“确定”按钮即可完成忘川风华录登录界面的更改。