Ô nhập liệu và nhãn

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

Theo mặc định, thẻ <input> có background-color, border, outline.

Để xóa tất cả, ta có thể dùng:

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

Thử thách

Dễ

Tạo kiểu cho ô nhập tên người dùng, mật khẩu và nhãn, xóa outline và đổi border mặc định thành kiểu khác.

Các kiểu gợi ý (không bắt buộc):

nhãn:

ô nhập:

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

1Biểu mẫu

2Phong cách

Ô nhập liệu và nhãn Bài học dự án

Tự luyện tập: Playground Web