Up5me
Trang chủ > Câu hỏi lẻ > QrG4_uCVkbRs

Đề bài

Thuộc tính nào sau đây yêu cầu trình duyệt web đổ bóng màu xám cho

toàn bộ đối tượng?

box-shadow: 10px 10px 5px grey;
shadow-right: 10px shadow-bottom: 10px;
shadow-color: grey; D. alpha-effect[shadow]: 10px 10px 5px grey;
Đáp án đúng: A

Xem lời giải

Phương pháp giải

Lời giải chi tiết

Phân tích đề bài:

Chúng ta cần tìm thuộc tính CSS giúp đổ bóng màu xám cho toàn bộ đối tượng trên trang web. Trong các lựa chọn, chỉ có cú pháp chính xác của thuộc tính CSS mới được chọn là phương án đúng.

Phân tích từng phương án:

  • A. box-shadow: 10px 10px 5px grey;
    Đây là cú pháp chính xác trong CSS để tạo hiệu ứng đổ bóng cho một đối tượng. Ý nghĩa của các giá trị là:
    - Giá trị đầu tiên 10px là độ lệch ngang của bóng.
    - Giá trị thứ hai 10px là độ lệch dọc của bóng.
    - Giá trị thứ ba 5px là độ mờ của bóng.
    - grey là màu sắc của bóng.
    => Phương án này đúng.
  • B. shadow-right: 10px shadow-bottom: 10px;
    CSS không có thuộc tính shadow-right hoặc shadow-bottom. Đây không phải là cú pháp CSS đúng.
    => Phương án này sai.
  • C. shadow-color: grey;
    CSS không có thuộc tính shadow-color. Đây không phải là cú pháp CSS đúng.
    => Phương án này sai.
  • D. alpha-effect[shadow]: 10px 10px 5px grey;
    Cú pháp alpha-effect[shadow] không phải là cú pháp CSS chuẩn. CSS không có thuộc tính này.
    => Phương án này sai.

Kết luận: Chọn đáp án A.

Chú ý khi giải

  • Cần nắm vững cú pháp và cách sử dụng của các thuộc tính CSS, đặc biệt là box-shadow vì rất thường sử dụng trong thiết kế web.
  • Chú ý rằng một số lựa chọn có thể bao gồm các thuộc tính không tồn tại trong CSS, do đó cần phân tích kỹ cú pháp của từng lựa chọn.