.Net Project/CSS 2.0
13장 여백관련Style
Magic_kit
2009. 7. 28. 11:47
반응형
<!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>13.여백관련스타일</title>
</head>
<body>
<h3>패내마외 좌상우하 : 패딩은 안쪽여백,
<nobr>마진은 바깥쪽 여백</nobr>,
<nobr>적용 순서 상우하좌</nobr></h3>
안녕하세요
<div style="background-color:Yellow;">
<div style="background-color:Green;padding:5px; margin:5px;">
안녕하세요....
</div>
</div>
<!--각각 padding margin 속성을 따로 지정을 하여 사용할 수 있다-->
<div style="background-color:Yellow;
margin:20px;
padding-left:20px;
padding-top:5px;
padding-right:20px;
padding-bottom:5px;
">
<div style="background-color:Green;padding:5px; margin:5px;">
안녕하세요....
</div>
</div>
</body>
</html>
반응형