13. 여백관련스타일
.NET프로그래밍/CSS 2.0 2009. 7. 28. 11:58 |<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>여백관련스타일</title>
</head>
<body>
<h3>패내마외 : 패딩은 안쪽여백, 마진은 바깥쪽 여백, 적용순서 상우하좌</h3>
<div style="background-color:Yellow;margin:20px;">
<div style="background-color:Red;padding:10px;margin:20px;">
안녕하세요...
</div>
</div>
<div style="background-color:Blue;
padding-left:20px;
padding-top:5px;
padding-right:20px;
padding-bottom:5px;
">
<div style="background-color:Red;padding:10px;">
안녕하세요...
</div>
</div>
</body>
</html>
<!--
- padding과 margin은 상우하좌 값을 모두 다르게 줄 수도 있다.
예) margin:5px 10px 15px 20px; ==> "상우하좌" 순으로 값이 적용됨.
-->
< 실행결과 >
'.NET프로그래밍 > CSS 2.0' 카테고리의 다른 글
| 15. 배경관련스타일 (0) | 2009.07.28 |
|---|---|
| 14. 외곽선(테두리) (0) | 2009.07.28 |
| 12. 텍스트관련스타일 (0) | 2009.07.28 |
| 11. 정렬관련스타일 (0) | 2009.07.28 |
| 10. 폰트관련스타일 (0) | 2009.07.28 |