티스토리 서식 2 : 표를 활용한 이미지 테두리 만들기

블로깅을 하다 보면 이미지를 올려야 하는 경우가 많습니다.

스타일시트에서 본문에 올라오는 이미지들의 스타일을 일괄적으로 지정해 줄 수 있지만 간혹 스타일 시트에 지정된 것과는 다른 스타일을 써야 하는 경우도 생깁니다.

예를 들면, 스타일시트에서는 본문 이미지에 테두리를 주지 않았지만, 특정한 이미지에 테두리를 주고 싶은 경우도 있습니다.

그럴 때 저는 그동안 그냥 포토샵 등에서 이미지 테두리를 주고 저장해서 올리는 방법을 써 왔는데 표를 통해 이미지 테두리를 처리하면 편하겠다는 생각이 문득~ 들었습니다.



표 서식을 활용하여 이미지 테두리 주기

---

스타일 시트에서 정의된 형식으로의 출력

제 블로그는 스타일 시트에서 이미지 테두리와 배경을 주지 않았기 때문에 그냥 이미지를 올릴 경우 아래처럼 보이게 됩니다.

표 서식을 활용한 이미지 출력

아래 링크된 서식을 활용해 이미지를 올린 모습입니다. 티스토리 에디터에서 표 다루기가 만만치 않기 때문에 미리 테두리가 있는 표를 서식으로 만들어 두고 활용해 보았습니다.

이미지테두리(검정색).txt

html 코드를 직접 수정하는 등 다른 방법으로도 이미지 테두리를 줄 수 있겠습니다만, 표를 활용하여 이미지 테두리를 주고 그것을 서식으로 등록해 놓으면 좀 더 편하게 쓸 수도 있겠다는 생각이 드네요.


제가 잘 몰라서 괜히 더 복잡한 방법을 소개해 드린 것일 수도 있습니다. 

좀 더 편하게 이미지에 테두리를 줄 수 있는 방법 알고 계신 분은 알려 주시면 많은 도움이 되겠습니다.