ピンデザイナーのWebサイト構築技法

現役のピンWebデザイナー？が「売れる」Webサイトの構築技法やWebクリエイター能力試験の虎の巻を公開します。

ピンデザイナーより

CSSでテキストを装飾（５）

テキストを発光させる？

text-shadowプロパティーやfilterプロパティーを使えばドロップシャドウ以外のテキスト装飾をすることが出来ます。しかし前回同様ブラウザ固有のものであるので注意が必要です。


Safariテキスト発光

<p style="font-size:18px;
font-weight:bold;
color:#ffccff;
text-shadow:#ff0000 0px 0px 10px;"
>Safariテキスト
</p>

水平方向、垂直方向の移動を「０」でぼかしの色と距離だけ設定すればOKです。

IEテキスト発光

<p style="font-size:18px;
font-weight:bold;
color:#ffccff;
filter:Glow(Color=#ff0000,strength=7);
width:180px;
height:25px;">
IEテキスト発光
</p>

Color=色指定、Strenght=発光強度のように指定します。発光強度は数字を大きくすると強くなります。

ご覧になったらここをクリックm(__)mランキングに参加しています

テーマ:ＨＰ作成 - ジャンル:コンピュータ

2006/02/17(金) 17:30:33| HTMLとＣＳＳのダイジェスト解説| トラックバック：0 コメント：3
| ホーム |
copyright © 2005 ピンデザイナーのWebサイト構築技法 all rights reserved.
Powered by FC2ブログ.
無料ホームページ アフィリエイト レンタルサーバー FC2ブログ 一戸建て