Trang chủ
CSS
Phần đệm CSS
Tryit: Phần đệm và chiều rộng phần tử - với kích thước 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.ex1 { width: 300px; màu nền: màu vàng; } div.ex2 { chiều rộng: 300px; phần đệm: 25px; kích thước hộp: hộp viền; màu nền: xanh nhạt; } </style> </head> <body> <h2>Phần đệm và chiều rộng phần tử - với kích thước hộp</h2> <div class="ex1">div này rộng 300px.</div> <br> < div class="ex2">Chiều rộng của div này vẫn ở mức 300px, mặc dù tổng số phần đệm bên trái và bên phải là 50px, do thuộc tính box-sizing: border-box. </div> </body> </html>