Đề bài: [Thiết kế Web] So sánh opacity và background rgba

Cho HTML sau gồm 2 thẻ <div> class .box-a và .box-b, mỗi thẻ có border 2px solid #000 và chữ đen.

Viết CSS:

.box-a dùng background-color: rgba(255, 0, 0, 0.5) (chỉ nền mờ, viền và chữ giữ nguyên đậm)
.box-b dùng background-color: #ff0000 kết hợp opacity: 0.5 (làm mờ toàn bộ khối gồm cả viền và chữ)

Cả hai đều padding 14px.

Thư Mục

root

index.html

style.css

script.js

Chọn một file để chỉnh sửa hoặc tạo file mới

Không có đầu ra