테두리 글자 스타일

요즘 일에 치여서 글을 올리지 못했네요.

게시판이 너무 오래 쉬고 있으면 안되겠기에...^^;;

간만에 스타일 하나 올립니다.

형광펜 중간에 십자가 표시 보이시나요?

하나는 파란색, 하나는 파란색 테두리입니다.

파란색은 쉽지만, 테두리는 어떻게 할까요?

​

테두리를 그리는 스타일은 없습니다. 글자 테두리 색과 안쪽 색을 지정하는 스타일도 없고요.

이건 그림자 속성을 활용한거예요.

​

상하좌우 그림자를 1px로 주고, 그림자 색을 원하는 것으로 지정하면 되지요.

​

text-shadow: -1px 0 #0181C6, 0 1px #0181C6, 1px 0 #0181C6, 0 -1px #0181C6;

color : #FFFFFF;

눈에는 파란색 테두리 처럼 보이지만, 사실 그림자입니다.

안쪽 글자는 흰색으로, 글자 안쪽은 흰색으로 넣었어요.

​

그런데 회색 바탕이라 티가 안나지만, 글자 안쪽 색을 지정하지 않고 투명하게 하려면 어떻게 하면 될까요?

​

이건 퀴즈로 남겨봅니다.