diff --git a/homework1/assets/mainform/Marvel-Regular.ttf b/homework1/assets/mainform/Marvel-Regular.ttf new file mode 100644 index 0000000..a16b16c Binary files /dev/null and b/homework1/assets/mainform/Marvel-Regular.ttf differ diff --git a/homework1/assets/mainform/Roboto-Regular.ttf b/homework1/assets/mainform/Roboto-Regular.ttf new file mode 100644 index 0000000..8c082c8 Binary files /dev/null and b/homework1/assets/mainform/Roboto-Regular.ttf differ diff --git a/homework1/assets/mainform/glyphicons-halflings-regular.woff b/homework1/assets/mainform/glyphicons-halflings-regular.woff new file mode 100644 index 0000000..9e61285 Binary files /dev/null and b/homework1/assets/mainform/glyphicons-halflings-regular.woff differ diff --git a/homework1/assets/mainform/glyphicons-halflings-regular.woff2 b/homework1/assets/mainform/glyphicons-halflings-regular.woff2 new file mode 100644 index 0000000..64539b5 Binary files /dev/null and b/homework1/assets/mainform/glyphicons-halflings-regular.woff2 differ diff --git a/homework1/index.css b/homework1/index.css index 4969200..8b31688 100644 --- a/homework1/index.css +++ b/homework1/index.css @@ -6,6 +6,12 @@ margin: 0; } +/* 导入字体 */ +@font-face { + font-family: "Marvel-Regular"; + src: url("assets/mainform/Marvel-Regular.ttf") format("truetype"); +} + /* 设置导航栏样式 */ #navbar { background-color: rgb(93, 75, 51); @@ -122,3 +128,61 @@ #nav_search_svg { padding: 16px 0; } + +/* 设置注册表单居中 */ +#main_form { + width: 100%; + text-align: center; /* 新增:水平居中 */ + display: flex; /* 新增:启用弹性布局 */ + flex-direction: column; /* 新增:垂直排列子元素 */ + align-items: center; /* 新增:水平居中子元素 */ + padding: 6em 0; +} + +#main_title { + padding-bottom: 1em; + color: rgb(240, 120, 24); + font-size: 3em; + font-family: "Marvel-Regular"; + font-weight: 500; +} + +#main_form form { + width: 50%; +} + +#main_form form p { + margin: 4px; + color: rgb(153, 153, 153); + font-size: 0.85em; + align-self: baseline; + text-align: left; +} + +/* 设置星号为红色 */ +#main_form form p label { + color: rgb(255, 0, 0); +} + +#main_form form input { + width: 100%; + height: 3em; + padding-left: 0.5em; + border: 1px; + border-style: solid; +} + +#main_form form button { + margin-top: 2em; + border: 2px; + border-style: solid; + border-color: rgb(240, 120, 24); + color: rgb(255, 255, 255); + background: rgb(240, 120, 24); + padding: 0.5em 2em; +} + +#main_form form button:hover { + background: rgb(255, 255, 255); + color: rgb(240, 120, 24); +} \ No newline at end of file diff --git a/homework1/index.html b/homework1/index.html index b5c17c2..215b3e7 100644 --- a/homework1/index.html +++ b/homework1/index.html @@ -61,5 +61,39 @@ + +
+

注册新用户

+
+

用户名

+ +

邮箱

+ +

密码

+ +

收货人

+ +

收货电话

+ +

收货地址

+ + +
+