Menu
CoddyTech

Nút gửi

Bài học 6 trên 7 trong khóa học Dự án biểu mẫu đăng nhập HTML/CSS của Coddy.

Tương tự như input, button có đường viền mặc định. Bạn nên ghi đè hoặc xóa đường viền này.

#button {
	border: none;
}
challenge icon

Thử thách

Dễ

Tạo kiểu cho nút biểu mẫu với:

  • Màu nền khác
  • Khoảng đệm khác
  • cursor: pointer;

Gợi ý tạo kiểu không bắt buộc:

  • đường viền
  • chiều rộng
  • lề
  • màu
  • bán kính đường viền

Tự làm thử

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Viết code HTML ở đây -->
</body>
</html>

Tất cả bài học trong Dự án biểu mẫu đăng nhập HTML/CSS

Tự luyện tập: Playground Web