Menu
CoddyTech

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:

challenge icon

Thử thách

Dễ
  1. Bên trong thẻ body:
    1. Tạo một thẻ div có tên lớp 'profile-card'.
    2. Trong 'profile-card', cần tạo sáu thẻ div có tên lớp:
      1. corners
      2. image
      3. text-data
      4. media-buttons
      5. buttons
      6. analytics
    3. 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

Tự luyện tập: Playground Web