2011-06-22から1日間の記事一覧

CSS3 〜 text-shadowを使用して発光した雰囲気をだす

ポイントは、2つ。 text-shadowは繰り返し指定することができる 内側の色は文字色と同じ色にすることで、文字の輪郭がぼやけて発光を醸しだす コードは下記。 <html> <style> #boxC { width:500px; height:100px; float:left; background-color: gray; text-align: cente</html>…

CSS3 〜 text-shadowプロパティを試してみた

text-shadowプロパティを使用して、文字に影をつけてみた。 <style> div#boxB p{ font-family:Myriad, Helvetica, Arial, sans-serif; color: black; font-size: 42px; line-height: 150%; /* 値は左から順に、影をつけるX方向の距離、Y方向の距離、ぼかしの大きさ</style>…