テキストの縁取り
ページの下部で使っているカテゴリ等の表示ではテキストの縁取り処理を行なっています。
これは、CSS3のtext-shadowを使いました。
上下左右の影を1pxずつずらす事によって4方向の縁取りを実現しています。
もちろんセレクタは任意で変更して大丈夫です。
div.box {
text-shadow:
-1px -1px black,
1px -1px black,
-1px 1px black,
1px 1px black;
}
text-shadowについて詳しく解説しているサイトがありましたのでご紹介→リンク
- この記事のURL
