JavaScript,jQuery,CSS,HTMLの達人

JavaScriptとjQueryとCSSとHTML の使い方を解説しているブログ

CSSの基本 ~ テキストに影を付ける ~

~ テキストに影を付ける ~

CSSでテキストに影を付けるには「text-shadow」プロパティを使用します。パラメーターは左から「色指定」「X方向の移動量」「Y方向の移動量」「ぼかし量」になります。

text-shadow : 色指定 X方向の移動量 Y方向の移動量 ぼかし量;

サンプルソース

<style type="text/css">
<!--
#sample-kage {
     text-shadow : darkgray 5px 5px 1px;     /*テキストに影を付ける*/
}
-->

結果

テキストに影を付ける