Bài F8. Một số thuộc tính cơ bản của CSS

Vận dụng 3 (SGK Chân trời sáng tạo - Trang 149)

Hướng dẫn giải

Để định kiểu bo tròn 4 góc của mỗi ảnh trong mục Nội dung yêu thích, em có thể sử dụng thuộc tính CSS border-radius. Bằng cách thiết lập giá trị border-radius là 50%, các góc của ảnh sẽ được bo tròn.

Dưới đây là một ví dụ về cách định kiểu bo tròn 4 góc của ảnh:
loading...

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)

Vận dụng 4 (SGK Chân trời sáng tạo - Trang 149)

Hướng dẫn giải

Dưới đây là một số thuộc tính và giá trị phổ biến khác mà em có thể sử dụng để định kiểu cho các thành phần web trong bài học:

- width: Định kiểu chiều rộng của thành phần. Bạn có thể sử dụng các giá trị đơn vị như px, %, em, rem.

- height: Định kiểu chiều cao của thành phần. Bạn cũng có thể sử dụng các giá trị đơn vị như px, %, em, rem.

- display: Định kiểu hiển thị của thành phần. Các giá trị thông thường là "block" (khối), "inline" (trên cùng một dòng), "inline-block" (trên cùng một dòng nhưng có thể định kiểu kích thước), và "none" (ẩn).

- position: Định kiểu vị trí của thành phần. Các giá trị thông thường là "static" (mặc định), "relative" (tương đối), "absolute" (tuyệt đối), và "fixed" (cố định).

- float: Định kiểu độ lệch của thành phần so với các thành phần khác. Các giá trị thông thường là "left" (trôi về bên trái), "right" (trôi về bên phải), và "none" (không trôi).

- text-decoration: Định kiểu trang trí văn bản bên trong thành phần. Các giá trị thông thường là "none" (không có trang trí), "underline" (gạch chân), "overline" (gạch trên), "line-through" (gạch ngang), và "blink" (nhấp nháy).

- box-shadow: Định kiểu hiệu ứng bóng đổ cho thành phần. Bạn có thể thiết lập độ mờ, màu sắc và kích thước của bóng đổ.

- text-transform: Định kiểu chuyển đổi chữ hoa chữ thường của văn bản. Các giá trị thông thường là "none" (không chuyển đổi), "uppercase" (chữ hoa), và "lowercase" (chữ thường).

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)