블로그 이미지
래곤
study 관련자료를 한곳으로 자기 개발 목적으로 재태크 재무 관리 목적으로 일상생활의 팁을 공유 하기 위하여 블로그를 개설 하였습니다.

calendar

1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
반응형

Category

Recent Post

Recent Comment

Archive

2009. 7. 28. 10:06 .Net Project/CSS 2.0
반응형

<!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>11.정렬관련태그</title>
</head>

<body>
 <table border="1" style="width:200px;height:200px;">
 
 <tr>
     <td align="center">
          1 <br />
          1 <br />
    </td>

<!--  줄간격을 line-height:150% 넓이고자 할대 사용한다 -->

     <td style="text-align:center; line-height:200%">
          2<br />2<br />
     </td>
 </tr>
 
 <tr>
  <!--글자하나의 간격을 <em : 해당 범위에서의 폰트의 높이를 1로 하는 단위
                                                    etter-spacing
나타내어 표현>-->
  <!--letter-spacing 문자간격-->
      <td align="right";valign="top" style="letter-spacing:0.5em;">
           33
      </td>
  
  <!--ertical-align 수직정렬 의미하며, Top Left Right Bottom Center Middle
                                                    항상 기억(순서는 좌상우하) -->
  <!--word-spacing 단어 간격을 표현-->

      <td style="text-align:right;vertical-align:bottom;word-spacing:1em;">
           44 44
      </td>
  </tr>
 
</table>

</body>
</html>

반응형

'.Net Project > CSS 2.0' 카테고리의 다른 글

13장 여백관련Style  (0) 2009.07.28
12장 TextStyle  (0) 2009.07.28
10장 FontStyle  (0) 2009.07.28
09장 영역설정 태그  (0) 2009.07.27
08장 중첩 태그  (0) 2009.07.27
posted by 래곤