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

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

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

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

サンプルソース

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

結果

テキストに影を付ける

END