CSS でテキストにシャドウを付けるサンプルを作ってみた。
サンプルコード ———————————————————————-
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>Text Shadow</title>
<style type="text/css">
<!--
body {
background-color: #999999;
}
h1 {
margin: 0;
color: #fff;
font-size: 30px;
font-weight: bold;
line-height: 1;
text-shadow: #36414d 0 2px 3px;
text-transform: uppercase;
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}
-->
</style>
</head>
<body>
<h1 id="i-0">Text Shadow</h1>
</body>
実際の動作サンプル ———————————————————————-
今の所、表示が確認できたのは、Safari 2.0.3 だけでした。他のブラウザもバージョンアップすれば表示できる様になるんだろうか…。