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;     /*テキストに影を付ける*/
}
-->

結果

テキストに影を付ける