티스토리 등 블로그 내 '회색 글상자'(텍스트 박스) 넣기... HTML 코드

티스토리 등 블로그 내에 아래와 같은 형태의 회색 글상자(텍스트 박스, text box)를 넣어보자.

 

이 안에 텍스트를 삽입해 넣을 수 있다
(줄바꿈을 하려면 Shift + Enter를 누른다)

이렇게 여러 줄을 넣어 줄바꿈 할 때마다
글 상자 크기가 유연하게 확장된다 

 

위와 같은 글 상자를 삽입하려면 HTML 편집 모드로 들어가서 아래 코드를 원하는 곳에 삽입해 주면 된다.

 

(아래 코드 전체를 복사해 HTML 편집 모드에서 삽입)

<div style="background-color: #D3D3D3; width: auto; height: auto; padding: 10px;">
    <p>The text inside the grey box</p>
</div>

 

 

참고로 텍스트 박스의 색상은 background-color: 이 뒷 부분에 grey, yellow 등 색상명이나 #FFFF00와 같은 HEX 코드 형태로 바꿔주면 된다.

 

이상 티스토리 등 블로그 내에 아래와 같은 형태의 글상자, 텍스트 박스를 넣는 방법을 알아봤다.