Menu
CoddyTech

提交按钮

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

和输入框一样,按钮也有默认边框。覆盖或移除这个边框是个好习惯。

#button {
	border: none;
}
challenge icon

挑战

简单

为表单按钮设置以下样式:

  • 不同的背景颜色
  • 不同的内边距
  • cursor: pointer;

可选的样式建议:

  • 边框
  • 宽度
  • 外边距
  • 颜色
  • 边框圆角

亲手试试

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

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

自己练习: Web 在线编辑器