css样式;
//首先全局选择器(*)内边距、外边距、样式都设为0或无。
//根据html类名来设置所需样式。
<style type="text/css">
*{
margin:0;
padding:0;
list-style: none;
}
.easy{
font-size: 36px;
color:red;
padding-left: 30px;
}
.cord{
font-size: 36px;
}
.bigbox{
width:530px;
height:480px;
border:1px solid black;
margin-left: 10px;
margin-top: 10px;
}
.box tr td{
padding:10px;
}
button{
margin-left: 140px;
margin-top: 20px;
border:1px solid lightblue;
font-size: 30px;
color:white;
background-color: hotpink;
border-radius: 10%;
height:60px;
width:150px;
}
.person input{
margin-left: 20px;
}
</style>
HTML代码:
//用table来写表单类的代码,非常方便。内容不会随着前面标签类的文本内容而变化。
//如果用form写的话,input后的框会随着内容发生变化。
//input类型中的密码类型,相比get,用post更安全,隐秘性更高。
//get输入时,密码会显示在文本框里,而用post时,密码为***。
<body>
<span class="easy">网易</span><span class="cord">通行证</span>
<div class="bigbox">
<table class="box">
<tbody>
<tr>
<td>通行证用户名:</td>
<td><input type="text" /id="name&