JavaScript is required

Làm thế nào để thêm bóng (shadow) cho các phần tử trong CSS3?

A.

box-shadow: 10px 10px 5px grey;

B.

shadow-right: 10px shadow-bottom: 10px;

C.

shadow-color: grey;

D.
alpha-effect[shadow]: 10px 10px 5px grey;
Trả lời:

Đáp án đúng: A


Đáp án đúng là A. Thuộc tính `box-shadow` trong CSS3 được sử dụng để thêm bóng cho các phần tử. Cú pháp cơ bản là: `box-shadow: horizontal vertical blur color;` * `horizontal`: Khoảng cách bóng theo chiều ngang (giá trị dương đẩy bóng sang phải, âm sang trái). * `vertical`: Khoảng cách bóng theo chiều dọc (giá trị dương đẩy bóng xuống dưới, âm lên trên). * `blur`: Độ mờ của bóng (giá trị càng lớn, bóng càng mờ). * `color`: Màu của bóng. Các đáp án khác không đúng vì: * B: `shadow-right` và `shadow-bottom` không phải là thuộc tính CSS chuẩn. * C: `shadow-color` không phải là thuộc tính CSS chuẩn. Màu bóng được chỉ định trực tiếp trong thuộc tính `box-shadow`. * D: `alpha-effect[shadow]` không phải là cú pháp CSS hợp lệ.

Câu hỏi liên quan