原教程bilibili大学:原视频教程
样式:
主体一个from表单
里面3个section区域,里面又分为多个P标签字段,而P标签里面的字段可用</span/>标签来修饰
基本结构:
具体代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
* {
padding: 0;
margin: 0;
}
form {
width: 350px;
background-color: #9CBC2B;
margin: 20px auto;
padding: 0 15px;
color: black;
border-radius: 5px;
}
.step{
font-size: 14px;
font-weight: bold;
margin: 10px 0;
}
.form-line{
border-radius: 5px;
border-color: #F0F5DF;
border-width: 2px;
border-style: solid;
padding: 3px;
margin: 3px 0;
background-color: #CEDE95;
font-size: 12px;
padding-left: 10px;
}
.form-line span{
display: inline-block;
width: 110px;