티스토리 < hr > 태그 넣는법(넣기) 및 사용법(하기) - 본문 구분선 넣기

---

티스토리 <hr> 태그 넣기 및

 사용 하기 - 본문 구분선 넣기

---

티스토리의 관리자 메뉴로 들어가서 HTML/CSS편집을 누릅니다.

CSS를 클릭 하고 

hr{

display:none;

}

부분을 찾습니다.

".key1 {" 근처를 보시면 됩니다.

해당 부분을 삭제 하지 말고 인식만 못하도록 아래와 같이 주석 처리를 해 줍니다.

/*

hr{

    display:none;

}

*/

이제 블로그에서 아래와 같은 여러가지 구분선을 <hr>태그를 이용하여 작성 할 수가 있습니다.

<hr style="height: 0px; width: 100%; border-bottom:0px dotted gray; border-top:1px dotted gray;">

---

<hr style="height: 0px; width: 100%; border:none; border-bottom:0px dashed gray; border-top:1px dashed gray;">

---

<hr style="height: 0px; width: 100%; border:none; border-bottom:0px dashed gray; border-top:1px dashed green;">

---

<hr style="height: 0px; width: 100%; border:none; border-bottom:0px dashed gray; border-top:1px dashed orange;">

---

<hr style="height: auto; width: 100%; border-bottom:1px dotted gray;">

---

<hr style="border: dotted 1px red;">

---

<hr align="center" style="border: dashed 1px green; width: 50%;">

---

<hr style="height: 0px; width: 100%; border:none; border-bottom:0px dashed gray; border-top:2px solid orange;">

---