Shulou(Shulou.com)05/31 Report--

This article introduces the relevant knowledge of "how to write the code of the Html login page". In the operation of the actual case, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Effect:

Html source code:

XML/HTML Code copies content to the clipboard

Login Login login

Css Code:

CSS Code copies content to the clipboard

Html {width: 100%; height: 100%; overflow: hidden; font-style: sans-serif;} body {width: 100%; height: 100%; font-family: 'Open Sans',sans-serif; margin: 0; background-color: # 4A374A;} # login {position: absolute; top: 50%; left:50% Margin:-150px 00-150px; width: 300px; height: 300px;} # login H2 {color: # fff; text-shadow:0 0 10px; letter-spacing: 1px; text-align: center;} H2 {font-size: 2mm; margin: 0.67em 0;} input {width: 278px; height: 18px; margin-bottom: 10px Outline: none; padding: 10px; font-size: 13px; color: # fff; text-shadow:1px 1px 1px; border-top: 1px solid # 312E3D; border-left: 1px solid # 312E3D; border-right: 1px solid # 312E3D; border-bottom: 1px solid # 56536A; border-radius: 4px; background-color: # 2D2D3F;} .but {width: 300px Min-height: 20px; display: block; background-color: # 4a77d4; border: 1px solid # 3762bc; color: # fff; padding: 9px 14px; font-size: 15px; line-height: normal; border-radius: 5px; margin: 0;}

Summary:

Copy the code

The code is as follows:

The role of placeholder= "user name": placeholder

This is the end of the content of "how to write the code for the Html login page". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.