포스트에 넣는 박스태그
☞샐리님 블로그에서 트랙백

스크롤바는 사용빈도가 많지 않을것 같아서 전부 생략했다. 맨 앞의 [color:blue;]는 박스안의 글자색 지정으로 이걸 해주지 않으면 기본 글자색으로 나오니 웬만하면 하는게 좋을것이다.

그 다음으로 [background:#E7EFF7;]는 박스안의 배경색 지정, [solid #AECDFF;]는 배경 테두리선의 색상 지정이니 꼭 이 포스트에 있는 색으로만 할 필요는 없다. 그리고 [width:100%;]는 박스 가로폭을 조절하기 위해 필요한 것으로 가로폭을 꽉 채울거면 써넣지 않아도 된다. 나머지는 샐리님 블로그에 나와있으니 생략(위의 내용도 별반 다를것은 없지만)

중간에 소스가 다른 세개의 박스는 Moo！！님 블로그에서 퍼온것으로 소스만 다르지 내용 자체는 별로 다를게 없다. 밑에 나열된 박스의 색이 마음에 안든다 싶으면 색상표에서 마음에 드는 색을 찾아 고치는 것도 좋을것이다.

<div style="color:blue; background:#E7EFF7; border:1px solid #AECDFF; padding:9px; width:100%;">내용</div>

<div style="background:#EEE; border:1px dotted SILVER; padding:9px; 내용</div>

<div style="background:IVORY; border:3px dotted TAN; padding:9px;"> 내용</div>

<div style="background:#FFF0F5; border:1px dashed #FAC6C6; padding:9px;">내용</div>

<div style="background:#E4FFDA; border:3px dashed #4BAF4B; padding:9px;">내용</div>

<div style="color:black; background-color:lightcyan; border-color:lightskyblue; text-align:left; padding:9px; border-width:1px; border-style:dotted; width:100%;"> 내용 </div>

<div style="color:black; background-color:#FFE9E1; border-color:indianred; text-align:left; padding:9px; border-width:1px; border-style:dotted; width:100%;"> 내용 </div>

<div style="color:black; background-color:#E4FFDA; border-color:green; text-align:left; padding:9px; border-width:1px; border-style:dotted; width:100%;"> 내용 </div>

<div style="background-IMAGE : URL(http://md.egloos.com/skn/img/a/01/01/2/bg_1.gif); border:3px double SILVER; padding:9px;">내용</div>

<div style="background-IMAGE : URL(http://md.egloos.com/skn/img/a/01/01/2/bg_2.gif); border:1px solid LIGHTSKYBLUE; padding:9px;">내용</div>

<div style="background-IMAGE : URL(http://md.egloos.com/skn/img/a/01/00/5/bg1.gif); border:1px solid SILVER; padding:9px;">내용</div>

<div style="background-IMAGE : URL(http://md.egloos.com/skn/img/a/01/00/5/bg2.gif); border:1px solid TAN; padding:9px;">내용</div>

<div style="background-IMAGE : URL(http://md.egloos.com/skn/img/a/01/00/5/bg3.gif); border:1px solid #FAC6C6; padding:9px;">내용</div>

<div style="background-IMAGE : URL(http://md.egloos.com/skn/img/a/01/00/5/bg4.gif); border:1px solid #AECDFF; padding:9px;">내용</div>

<div style="background-IMAGE : URL(http://md.egloos.com/skn/img/a/01/00/5/bg5.gif); border:1px solid #4BAF4B; padding:9px;">내용</div>
by ホシノ＝ルリ | 2004/07/18 05:38 | 나데시코C | 트랙백 | 덧글(2)
트랙백 주소 : http://rurirury.egloos.com/tb/630770
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
Commented by arbiter1 at 2004/07/19 01:31
하아.... 잘쓰겠음둥~
Commented by enomoto at 2004/07/21 06:20
좋은 정보 감사합니다.저도 잘 쓸게요.^^;

:         :

:

비공개 덧글

<< 이전 페이지 다음 페이지 >>