[블로그 꾸미기] 깔끔하고 예쁜 포스팅을 위한 글상자 만들기

📝 글상자 예시

텍스트, 사진, 이모티콘을 넣을 수 있습니다

 

 

블로그를 하는 사람이라면 누구나 깔끔하고 가독성 있게 포스팅하는 것에 관심이 있을 것이다. 나 역시 종종 예쁘게 포스팅하는 방법을 공부하는 편인데 최근에 심플하면서도 문단 구획을 잘 나누어 줄 수 있는 글상자를 알게 되어 소개하려고 한다.

 

 

위 사진은 글상자를 구성하는 코드이다. HTML 모드로 들어가서 이대로 입력하면 예시와 같은 동글동글한 글상자가 생기게 된다. 글상자의 색상을 바꾸고 싶다면 색상코드를 변경하고 border-radius 값을 올리거나 내려서 모서리의 곡선을 작게 하거나 크게 만들 수 있다. 곡선을 아예 없애고 싶다면 이 부분을 삭제해도 된다.

 

텍스트를 썼을 때 정돈된 느낌을 주기 위한 가장자리 여백값은 가장 보기 좋은 정도로 조정했기 때문에 웬만하면 바꾸지 않는 것을 추천한다. 

 

 

매번 코드를 작성하지 않고 필요할 때 꺼내 쓰기 위해 관리 -> 서식 관리 -> 서식 쓰기로 들어가서 코드를 입력한다.

 

 

 

글상자가 의도한 대로 나오는지 확인한 후 완료한다.

 

 

이렇게 포스팅을 할때 글상자를 이용해 구역을 깔끔하게 분리할 수 있다. 티스토리에서 기본으로 제공되는 분리선만 쓰는 데 질렸다면 꼭 추천하는 서식이다. 업로드한 텍스트파일을 다운로드하면 간편하게 적용할 수 있다.

 

글상자 코드.txt

0.00MB