본문 바로가기

블로그/꾸미기

티스토리에서 hr 태그 쓰기

티스토리에서는 hr 태그를 써도 화면에 표시되지 않는 경우가 많습니다.

이는 일반적인 티스토리 스킨에서 hr 태그를 표시되지 않도록 설정해 두기 때문입니다.

hr 태그를 쓰고 싶다면 다음과 같이 하세요.
  1. 티스토리 블로그의 관리자 모드로 들어갑니다.

  2. '스킨' 메뉴의 'HTML/CSS 편집'을 선택합니다.

  3. 'HTML/CSS 편집' 탭에서 아래쪽의 style.css 내용의 가장 윗부분을 클릭합니다.

  4. Ctrl + F를 눌러 찾기 기능을 써서 'hr'을 찾습니다.
    hr              { display:none; }
    이런 부분이 나올 때까지 찾습니다.
    (웹브라우저에서 찾기 어려우시면 style.css의 내용을 모두 복사해 메모장 같은 편집기에 붙여넣은 다음 찾기 기능을 사용해도 됩니다.)

  5. hr              { display:none; }
    이걸 지웁니다.
    (style.css의 내용을 모두 복사해서 웹브라우저가 아닌 다른 프로그램에 붙여넣어 편집했을 경우에는 편집 프로그램의 내용을 모두 복사해 웹브라우저의 style.css 내용을 덮어써주세요.
    주의! style.css의 내용을 잘못 편집할 경우 블로그 모양이 이상해질 수 있습니다.
    hr              { display:none; }
    이 부분만 지우세요.
    )

  6. 아래쪽의 '저장' 단추를 누릅니다.
(블로그 스킨에 따라 이 부분이 있는 위치는 다를 수 있습니다.)

이제 블로그 글에서 hr 태그를 써 보세요. 이렇게 줄이 잘 나올 거예요.



hr 태그 사용법은 다음 글을 참고하세요.
2009/05/09 - [블로그/블로그 꾸미기] - hr 태그 사용하기