Menu
CoddyTech

输入框和标签

Coddy 登录表单:HTML/CSS 项目 课程的第 5 课,共 7 课。

默认情况下,<input> 标签会有 background-color、border 和 outline。

要移除这些样式,可以使用:

input {
	background-color: transparent;
	border: none;
	outline: none;
}
challenge icon

挑战

简单

设置用户名和密码输入框及标签的样式,移除 outline,并将默认的 border 改成其他样式。

建议的可选样式:

标签:

  • font-size
  • color
  • margin

输入框:

  • background-color
  • border-radius
  • font-size
  • color
  • padding

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- 在这里编写 HTML 代码 -->
</body>
</html>

登录表单:HTML/CSS 项目中的所有课

自己练习: Web 在线编辑器