Sublime Text
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> div{ background-color:pink; background-clip:content-box; border:10px solid black; padding:50px; width:300px; } </style> </head> <body> <div>LẬP TRÌNH WEB</div> <p>- Chiều rộng của phần tử phía trên sẽ là 420px, bởi vì:</p> <ul> <li>Đường viền bên trái 10px</li> <li>Đường viền bên phải 10px</li> <li>Vùng đệm bên trái 50px</li> <li>Vùng đệm bên phải 50px</li> <li>Chiều rộng phần nội dung 300px</li> </ul> </body> </html>
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> div{ background-color:pink; background-clip:content-box; border:10px solid black; padding:50px; width:300px; } </style> </head> <body> <div>LẬP TRÌNH WEB</div> <p>- Chiều rộng của phần tử phía trên sẽ là 420px, bởi vì:</p> <ul> <li>Đường viền bên trái 10px</li> <li>Đường viền bên phải 10px</li> <li>Vùng đệm bên trái 50px</li> <li>Vùng đệm bên phải 50px</li> <li>Chiều rộng phần nội dung 300px</li> </ul> </body> </html>