Menu
CoddyTech

Hình ảnh

Bài học 18 trên 23 trong khóa học Dự án slider giao diện người dùng của Coddy.

challenge icon

Thử thách

Dễ

Nhắm đến lớp img:

1. Đặt màu nền tùy chọn.

2. Đặt height và width tùy chọn (khuyến nghị 100px).

3. Đặt bán kính đường viền là 50%.

 

Nhắm đến thẻ img trong lớp img:

1. Đặt width và height tùy chọn (đảm bảo giá trị nhỏ hơn kích thước của lớp img ít nhất 10 pixel)

2. Đặt bán kính đường viền là 50%.

3. Đặt object-fit thành cover.

4. Đặt đường viền tùy chọn.

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 slider giao diện người dùng

Tự luyện tập: Playground Web