CSSで、テキストにドロップシャドウを付ける

CSSで、テキストにドロップシャドウを付ける

text-shadow

text-shadow: 5px 5px 5px gray;

てな感じで、簡単に付けられるが、
ブラウザによっては見えませんので、ご注意を。

参考・・・WordPress備忘帳的

WordPressのTheme、Grapheneの場合
外観→テーマの編集→スタイルシート (style.css)

「.header_title {」　で検索。

Default
—–
.header_title {
font: bold 28px “Trebuchet MS”;
position: relative;
top: 110px;
}
—–

After
—–
.header_title {
text-shadow: 5px 5px 5px gray;
font: bold 28px “メイリオ”,Meiryo,”ＭＳＰゴシック”,”ヒラギノ角ゴ Pro W3″,”Hiragino Kaku GothicPro”,Osaka,sans-serif;
position: relative;
left: 38px;
top: 80px;
width: 852px;
—–

てな感じ。

以前にも関連記事書きましたが、改めて備忘帳。。。

Tweet