Các lượt nộp
    Danh sách bài
    Trang chủ
    Báo lỗi
    Chưa chọn file
    Đăng nhập
    Đăng nhập

    Đề bài: [Thiết kế Web] Hai hộp cùng kích thước hiển thị, khác box-sizing

    📖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.wrap chứa div.a và div.b).

    Viết CSS để:

    • .a dùng box-sizing: content-box; width: 160px; padding: 20px; border: 4px solid #2563eb
    • .b dùng box-sizing: border-box; width: 208px; padding: 20px; border: 4px solid #2563eb

    Sao cho cả hai hộp có tổng chiều rộng hiển thị bằng nhau (208px) dù width khai báo khác nhau.

      Chủ đề

      🌐 Thiết kế WebThiết kế WebThiết kế Web: CSS — Mô hình hộp & Đơn vịTất cả môn học

      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