CSS를 활용해 간격을 조정해보지요~
보통 HTML 에서는 오른쪽, 왼쪽, 가운데.. 그럼.. 왼쪽에서 째금 더 들어가고.. 가운데긴 가운데인데.. 쫌 우측으로 기울고.. 그럴려면 CSS를 활용합시다..
- 좌측 들여쓰기(이미지도 가능)
<TDstyle="padding-left:10px;">내용이 쭈~~욱</TD>
해당 TD의 내용이 10PX 좌측에서 들여쓰기되요~
- 우측 들여쓰기(이미지도 가능)
<TD align="right" style="padding-right:10px;">내용이 쭈~~욱</TD>
해당 TD의 내용이 우측으로부터 10PX 띄여지게 되요~
내용은 기본 좌측으로 붙어있게 되니까.. 우측에서 떨어지게 할때만 align="right"를 넣어준거랍니다.
- 상단에서 째금 띄우기(이미지도 가능)
<TDvalign="top" style="padding-top:10px;">내용이 쭈~~욱</TD>
해당 TD의 내용이 valign="top" 이 적용되어 상단으로 딱 붙게 되구요..
style="padding-top:10px;" 이 적용되어 상단으로부터 10px 떨어지게 됩니다.
- 하단에서 째금 띄우기(이미지도 가능)
<TDvalign="bottom" style="padding-bottom:10px;">내용이 쭈~~욱</TD>
해당 TD의 내용이 valign="bottom" 이 적용되어 하단으로 딱 붙게 되구요..
style="padding-bottom:10px;" 이 적용되어 하단으로부터 10px 떨어지게 됩니다.
요기까지.. 간단하죠..?!^^*
'Programming > HTML/CSS' 카테고리의 다른 글
TEXTBOX에 CSS 활용하기 (0) | 2004.08.06 |
---|---|
글자에니메이션 - 마퀴(MARQUEE) (0) | 2004.06.27 |
배경이미지 속성 지정하기 (0) | 2004.05.25 |
HTML 에서의 엔터!!(줄바꿈) (0) | 2004.05.16 |
페이지 전체의 배경색 및 바탕화면 (0) | 2004.05.16 |
폰트 색상 바꾸기 (0) | 2004.05.15 |