코드:
결과보기 »
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>CSS Dimension</title> <style> div.width { width: 500px; border: 2px solid #DAA520; } div.maxWidth { max-width: 500px; border: 2px solid #CD5C5C; } </style> </head> <body> <h1>max-width 속성</h1> <div class="width">이 div 요소는 width 속성을 500px로 설정했습니다.</div><br> <div class="maxWidth">이 div 요소는 max-width 속성을 500px로 설정했습니다.</div> <p>웹 브라우저의 크기를 줄여서 두 div 요소의 차이를 알아보세요!</p> </body> </html>