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

CSS3


http://wbs-newworld.appspot.com/css3study.html

text-shadowプロパティを使用して、文字に影をつけてみた。

<style>
div#boxB p{
	font-family:Myriad, Helvetica, Arial, sans-serif;
	color: black;
	font-size: 42px;
	line-height: 150%;
        /* 値は左から順に、影をつけるX方向の距離、Y方向の距離、ぼかしの大きさ、影の色。*/
        /* この例では、X方向とY方向に10pxの位置にgrayの影をつけている */
	text-shadow:10px 10px 1px gray;
}
</style>
<html>
<div id="boxB"><p>text-shadow:10px 10px 1px #BDBDBD</p></div>
</html>