웹디자인 강의 - HTML/CSS
http://my.dreamwiz.com/blue8199/1114/2.html핵심은 이부분 입니다..
height:140pt
글의 양과 문자에따라 높이를 조정해주시면 됩니다.
writing-mode:tb-rl
글씨를 세우는 역활을 하는것 입니다.
style="writing-mode:tb-rl;height:140pt;"
<HTML>
<BODY>
<DIV style="writing-mode:tb-rl;height:140pt;">
이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.
</DIV>
</BODY>
</HTML>
height:140pt
글의 양과 문자에따라 높이를 조정해주시면 됩니다.
writing-mode:tb-rl
글씨를 세우는 역활을 하는것 입니다.
style="writing-mode:tb-rl;height:140pt;"
<HTML>
<BODY>
<DIV style="writing-mode:tb-rl;height:140pt;">
이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.
</DIV>
</BODY>
</HTML>
![[레벨:4]](./modules/point/icons/default/4.gif "포인트:2095point (93%), 레벨:4/30"){kind=icon}
이대민
2002.06.13 13:20:41 (*.227.95.216)
![[레벨:2]](./modules/point/icons/default/2.gif "포인트:550point (67%), 레벨:2/30"){kind=icon}
요땡이<HTML>
<BODY>
<DIV style="writing-mode:tb-rl;height:140pt;">
이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.
</DIV>
</BODY>
</HTML>
<BODY>
<DIV style="writing-mode:tb-rl;height:140pt;">
이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.
</DIV>
</BODY>
</HTML>
2004.01.04 14:23:26 (*.147.7.254)
![[레벨:1]](./modules/point/icons/default/1.gif "포인트:145point (40%), 레벨:1/30"){kind=icon}
하예승<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v5.0">
</head>
<BODY>
<DIV style="writing-mode:tb-rl;height:140pt;">
<p style="height:140pt;">이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.
</DIV>
</BODY>
</HTML>
이대로 나모에서 해서.. 미리보기 해보세요..;;
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v5.0">
</head>
<BODY>
<DIV style="writing-mode:tb-rl;height:140pt;">
<p style="height:140pt;">이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.이것은 세로 문장입니다.
</DIV>
</BODY>
</HTML>
이대로 나모에서 해서.. 미리보기 해보세요..;;
