라이브러리
프로그래밍언어, 각종코드, 관련동향, 논문 등의 저장소
CSS를 활용해 간격조정하기

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 떨어지게 됩니다.

 

 

요기까지.. 간단하죠..?!^^*

  Comments,     Trackbacks