깔끔하고 보기 좋은 구분선

없음 ▒

매번 포스팅을 하면서 느끼는 거지만, 깔끔하고 내용까지 좋은 포스트를 작성 하는건 정말 노력과 정성이라는 겁니다...
공부도 해야하고 좋은 블로그 찾아서 봐야 하고... 얼마나 더 노력해야 포스트 작성 시간을 30분 이하고 줄일지.. 에휴

그 노력의 일환으로 보기 좋은 블로그에 꼭 들어가는 구분선을 소개합니다.

Soruce Code 원본은 천상한별닷컴(http://www.hanbyoul.com/497)에서 발췌했습니다.
물론 원본 자체도 훌륭하지만 색감이나 비율 같은 부분은 사람마다 느끼는게 틀리므로 제 취향에 맞게 수정을 한겁니다.
혹 수정방법이 궁금하시어 덧글로 요청하시면 본문에 추가하겠습니다.

Type 01

내용 입력 부분

<!-- 구분선(구역) Start -->
<TABLE style="WIDTH: 634px; BORDER-COLLAPSE: collapse; HEIGHT: 31px" cellSpacing=1 cellPadding=1 bgColor=#ffffff><TBODY><TR>
<TD style="BORDER-BOTTOM: rgb(36,36,36) 1px solid; BORDER-LEFT: rgb(36,36,36) 0px solid; BORDER-TOP: rgb(36,36,36) 0px solid; BORDER-RIGHT: rgb(36,36,36) 0px solid" bgColor=#242424 width="1%"></TD>
<TD style="BORDER-BOTTOM: rgb(36,36,36) 1px solid; BORDER-LEFT: rgb(36,36,36) 0px solid; BORDER-TOP: rgb(36,36,36) 0px solid; BORDER-RIGHT: rgb(36,36,36) 0px solid" width="99%">
<SPAN style="FONT-SIZE: 12pt; FONT-WEIGHT: bold;">   
내용 입력 부분
</SPAN></TD>
<TD style="BORDER-BOTTOM: rgb(36,36,36) 1px solid; BORDER-LEFT: rgb(36,36,36) 0px solid; BORDER-TOP: rgb(36,36,36) 0px solid; BORDER-RIGHT: rgb(36,36,36) 0px solid" width="100%"></TD>
</TR></TBODY></TABLE>
<!-- 구분선(구역) End -->

Type 02

<!-- 구분선(검정줄 2패턴) Start -->
<DIV style="BORDER-LEFT: rgb(36,36,36) 200px solid; PADDING-BOTTOM: 3px; BACKGROUND-COLOR: rgb(210,210,210); PADDING-LEFT: 6px; WIDTH: 100%; PADDING-RIGHT: 6px; FONT: bold 1pt/1 나눔고딕, Sans-serif; MARGIN-BOTTOM: 10px; HEIGHT: 1px; COLOR: #fff; PADDING-TOP: 3px" >
</DIV>
<!- 구분선(검정줄 2패턴) End -->

[Child of solitude]