Các phần tử bên ngoài
Bài học 3 trên 26 trong khóa học Dự án giao diện: tạo bản sao thẻ hồ sơ Coddy của Coddy.
Hình minh họa và phân tích các lớp:
.png?alt=media&token=bfefc5b2-63e8-4d53-a823-0c8b68c6c2db)
Thử thách
Dễ- Bên trong thẻ body:
- Tạo một thẻ div có tên lớp 'profile-card'.
- Trong 'profile-card', cần tạo sáu thẻ div có tên lớp:
- corners
- image
- text-data
- media-buttons
- buttons
- analytics
- Sau lớp 'buttons', thêm một thẻ
<hr/>.
Tự làm thử
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Viết code HTML ở đây -->
<script src="script.js"></script>
</body>
</html>Tất cả bài học trong Dự án giao diện: tạo bản sao thẻ hồ sơ Coddy
1Giới thiệu
Giới thiệu2HTML
Thiết lậpCác phần tử bên ngoàiTự luyện tập: Playground Web