Trang chủ
CSS
Bóng CSS
Bóng hộp
Tryit: Sử dụng box-shadow để tạo thiệp giống giấy
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <style> div.card { width: 250px; bóng hộp: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); căn chỉnh văn bản: giữa; } div.header { màu nền: #4CAF50; màu trắng; phần đệm: 10px; cỡ chữ: 40px; } div.container { phần đệm: 10px; } </style> </head> <body> <h1>Tạo thẻ</h1> <p>Thuộc tính box-shadow có thể được sử dụng để tạo các thẻ giống như giấy:</p> <div class="card" > <div class="header"> <h1>1</h1> </div> <div class="container"> <p>Ngày 1 tháng 1 năm 2021</p> </div> </div> </ cơ thể> </html>