.Net Project/CSS 2.0

09장 영역설정 태그

Magic_kit 2009. 7. 27. 15:08
반응형


<!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>09.영역설정태그(영역/박스/레이어)</title>
  
  <style type="text/css">
  #main {color:Black;}
  #notice{font-size:9pt;}
  .title{font-weight:bold;}
  .content{margin-left:-20px;}
    </style>
 <!--.content{margin-left:020px;padding:0px;}-->
</head>


<!--div태그는 전체 영역을 설정(레이어)
span태그는 웹 브라우저 텍스트 영역만 설정(특정부분 텍스만 사용시)-->
<body>

안녕하세요 <div style="width:100px; color:Green; background-color:Yellow;">반갑습니다 </div> 또 만나요.

<hr />

안녕하세요 .<span style="color:Red;">반갑습니다</span> 또 만나요.

<hr />

<div id = "main">
 <div id = "notice">
  <div class="title">공지사항
  <div class="content">
   <ul>
    <li> Visual Web Developer 2008설치 </li>
    <li> SQL Server 2008 설치 </li>
   </ul>
  </div>
  </div>
</div>

 
</body>
</html>


반응형