Đề bài: [Thiết kế Web] Tính chiều rộng nội dung khi có padding

Cần ôn lý thuyết? Đọc bài giảng Buổi 8: Thiết kế bố cục (1): mô hình hộp, kích thước và vị trí — khóa Thiết kế Web

Cho HTML sau (div .panel).

Viết CSS với box-sizing: content-box (mặc định trình duyệt):

width: 160px
padding: 20px
border: 2px solid #0ea5e9
background: #e0f2fe

Vì dùng content-box, chiều rộng HIỂN THỊ TỔNG của hộp sẽ là 160 + 202 + 22 = 204px — không cần chỉnh gì thêm ngoài các giá trị trên, chỉ cần khai báo đúng.

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

Console

Không có đầu ra