ワードプレスをおしゃれにカスタムをしたい人必見！CSSで文字に影をつけてみよう

CSSのtext-shadowというタグを使用すれば、文字に影をつけることができ、手軽にオシャレな装飾ができます。

使うタグは？

 text-shadowというタグを使っていきましょう。

text-shadow: 横方向 縦方向 ぼかし 影の色;

色のサンプル

あまり影自体が濃いと不自然になるので、影の色は薄いグレーが無難です。

オススメはDCDCDCかD3D3D3あたりですね。

使用例

• 自然な影の例

 

使用タグ　【text-shadow: 2px 2px 1px #DCDCDC;】

 

• 少し派手な影の例

 

使用タグ　【text-shadow: 2px 2px 2px #808080;】

 

 

 

 

というわけで、是非ご自身でもいろいろ試してみてくださいね。