Trang chủ
CSS
Mô hình hộp CSS
Tryit: Mô hình hộp
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 { màu nền: lightgrey; chiều rộng: 300px; đường viền: 15px màu xanh lá cây; phần đệm: 50px; lề: 20px; } </style> </head> <body> <h2>Trình diễn mô hình hộp</h2> <p>Mô hình hộp CSS về cơ bản là một hộp bao quanh mọi phần tử HTML. Nó bao gồm: đường viền, phần đệm, lề và nội dung thực tế.</p> <div>Văn bản này là nội dung của hộp. Chúng tôi đã thêm phần đệm 50px, lề 20px và đường viền màu xanh lục 15px. Với một mục tiêu tối thiểu là có thể làm được, điều này sẽ không xảy ra khi bạn phải làm việc quá sức để có được một giải pháp sau mỗi giao dịch. Bạn aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Ngoại trừ tội lỗi không thường xuyên xảy ra, không phải là thủ phạm chính thức, deserunt mollit anim id est labum.</div> </body> </html>