HTMLやcssでテキストに影をつけてみるのでR

時々、テキストに影がついているのでR。

場合によってはかっこよくみえるのでR。

そこで

これをしてみるのでR。

ここの情報によると、

p {text-shadow: 1px 2px 3px #808080; }

として、cssを記述して、

<p>横に1px・縦に2px・ぼかし3px・影の色#808080</p>

とすれば、

横に1px・縦に2px・ぼかし3px・影の色#808080

と影がつくのでR。

あれ、ついていないのでR。

そこで、divですることを考えてみるのでR。

例えば、

<div style="text-shadow: 1px 2px 3px #808080; ">横に1px・縦に2px・ぼかし3px・影の色#808080</div>

とすれば、

横に1px・縦に2px・ぼかし3px・影の色#808080

となるのでR。


(広告)月額900円(税抜)から、高速・多機能・高安定レンタルサーバー『エックスサーバー』
(広告)WordPressの運用に特化したレンタルサーバー『wpXレンタルサーバー』
(広告)年間920円(税抜)からの格安ドメイン取得サービス─ムームードメイン─




この記事をシェアできます。