이미지로 링크하기 이미지를 사용하면 블로그가 화려하고 깔끔해 보입니다. 태그의 href 속성 값으로 이미지 파일의 명칭을 넣으면 페이지가 바뀌면서 해당 이미지 파일이 브라우저에 출력됩니다. 활용은 블로그엔 작은 이미지를 맛보기로 넣고 큰 이미지를 링크해서 원하는 사람만 볼 수 있도록 합니다. TIP 이미지 주변에 테두리선 없애기 이미지를 태그 삽입하면 이미지 주변에 테두리선이 생깁니다. 태그에 border="0" 속성을 주면 테두리선이 없어집니다. 테두리선이 두께가 0 (zero) 란 뜻입니다.

[CSS] /* 포스트 */ .infor {width:/*@post-width:42=*/722px/*@*/; height:22px; padding-top:8px; } .infor span, .infor span a {color:#444444; } .infor .category {float:right; padding-top:2px; padding-left:16px; background:url(images/icon_category.gif) no-repeat 0px 3px; font:11px dotum;} *:first-child+html .infor .category { background-position: 0 4px; } .infor .date {padding-left:21px; background:url..

[CSS] /* 본문 제목, 어드민툴 */ .titleWrap { width: /*@post-width:-50=*/650px/*@*/; padding: 0 0 11px; text-align: left; → 중앙에서 왼편으로 옮김 } .titleWrap h2 { margin: 0; padding: 3px 0 0; } .titleWrap h2 a { color: /*@post-title-color=*/#27517e/*@*/; font-family: /*@post-title-font-family=*/inherit/*@*/; font-size: /*@post-title-font-size=*/18px/*@*/; } .titleWrap h2 a:link, .titleWrap h2 a:visited, .titleWr..