글자에 테두리 그리기

재미있는 스타일이 있어 간만에 글을 올립니다.

이런 스타일 어떻게 만들면 좋을까요?

별거 없어보이지요? 뭐가 특별한거지 싶을거예요.

글머리기호를 보세요.

안에 노란색, 테두리는 검정색입니다. 이런 약물은 어떻게 표현하면 좋을까요?

약물 뿐 아니라, 글자도 이렇게 다른 색으로 테두리를 그릴 수 있을까요?

 

이 스타일로 오래전에 올린 글이 있긴 한데, 찾기 힘들어 다시 올려요.

이런 스타일은 text-shadow를 사용하면 만들 수 있어요.

전자책에서는 이렇게 보입니다.

저는 점이 작아 4점 shadow를 썼는데 큰 글자는 4점으로는 각이 져 보일 수 있어요.

그럴 때는 6점이나 8점을 쓰면 돼요.

 

.txt_message_dot {
	color : #FFEDB3;
	text-shadow: 
		-1px 0 #000000, 
		0 1px #000000, 
		1px 0 #000000, 
		0 -1px #000000;
}