<!doctype html>
<meta charset= "Utf-8" >
<title> write some simple pages today </title>
<link rel= "stylesheet" style= "Text/css" href= "D2.css" >
<body>
<table>
<tr>
<td>
<div id= "A1" >
<form method= "POST" >
<input type= "text" name= "user" required= "required" placeholder= "QQ" Name= "a" >
<input type= "password" required= "required" placeholder= "PW" name= "B" >
<button id= "A2" type= "Submit" > Login </button>
</form>
</div>
</td>
</table>
</body>
body{
width:500px;
height:300px;
Background-color: #BCEAFF;
}
#a1 {
Position:absolute;
top:50%;
left:50%;
Margin: -150px 0 0-150px;
width:200px;
height:300px;
}
#a1 h1{
Color:white;
text-shadow:0 0 10px;
Text-align:center;
}
h1{
font-size:30px;
Margin:0.67em 0;
}
table{
Background-color: #72C1F2;
border:1px solid #bbb;
width:511px;
height:350px;
margin:80px 380px;
}
input{
width:200px;
height:18px;
margin-bottom:10px;
padding:10px;
font-size:13px;
Color: #fff;
text-shadow:1px 1px 1px;
border:1px solid #56536A;
border-radius:10px 0px 10px 10px;
Background-color: #D9E4FC;
}
#a2 {
width:223px;
min-height:22px;
Display:block;
Background-color: #00AEFF;
border:1px solid #3762bc;
Color: #fff;
PADDING:9PX 14px;
font-size:15px;
border-radius:0px 10px 0px 10px;
}
#p1 {
border:1px solid #aaa;
Vertical-align:top;
width:80px;
height:80px;
}
form{
border-radius:10px;
Color:white;
}
<!doctype html>
<meta charset= "UTF-8" >
<title>Document</title>
<!--<style>
Th:hover td{
Background-color: #333333;
}
</style>
<link rel= "stylesheet" style= "Text/css" href= "1.css" >
<body>
<!--
<table border= "1px" width= "height=" >
Consolidation of <caption> forms </caption>
<tr>
<TD colspan= "2" align= "center" bgcolor= "555555" >1</td>
<TD rowspan= "2" align= "Center" >3</td>
</tr>
<tr>
<TD rowspan= "2" align= "Center" >4</td>
<TD align= "center" bgcolor= "Purple" >5</td>
</tr>
<tr>
<TD colspan= "2" align= "Center" >8</td>
</tr>
</table>
<H2 id= "C4" >
<span id= "C1" > has </span>
<span id= "C2" > Demon </span>
<span id= "C3" > Gas </span>
</body>
#c4 {
padding-bottom:4px;
border-bottom:2px solid #A1859F;
width:300px;
Background:url (9.png) Repeat-x bottom;
}
#c1 {
font-size:70px;
font-family:arial;
Color: #B7B170;
}
#c2 {
font-size:70px;
Color: #56D097;
}
#c3 {
font-size:70px;
Color: #E6CDA6;
}
body{
Background-color: #4A374A;
}
Today, using CSS to do a QQ login page