css3で文字の縁取りを~~~
なんかこんなやつ!
上から順番に
text-stroke
text-shadow
text-stroke + text-shadow
です。
/* 一番上 */
.sample {
color: black;
-webkit-text-fill-color: white;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
}
/* 二番目 */
.sample2 {
color: #fff;
text-shadow:
-1px -1px #000,
1px -1px #000,
-1px 1px #000,
1px 1px #000;
}
/* 三番目 */
.sample3 {
color: #fff;
-webkit-text-stroke: 1px blue;
text-shadow:
3px 3px lightblue,
1px -1px lightblue,
-1px 1px lightblue,
1px 1px lightblue;
}
FirefoxやIE9、Operaでは二番目の方法で再現できるかと思われます。