ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLテキストの影効果を設定する方法

HTMLテキストの影効果を設定する方法

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-04-23 18:15:0313046ブラウズ

HTML では、text-shadow を使用してテキストの影の効果を設定できます。「text-shadow: value 値のぼかし距離の影の色」スタイルをテキスト要素に追加するだけです。 text-shadow プロパティは、テキストに 1 つ以上の影を追加します。これは、影のカンマ区切りリストです。

HTMLテキストの影効果を設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

まず、HTML内に新しいPタグを作成し、内容を入力します。この P タグのクラスを定義できます。ここでは [PTitle] と呼びます。

HTMLテキストの影効果を設定する方法

HTMLテキストの影効果を設定する方法

[text-shadow] シャドウを使用します。 X 軸と Y 軸のオフセット位置を設定します。ぼかしレベルと色を 10 ピクセルに設定します。

HTMLテキストの影効果を設定する方法

HTMLテキストの影効果を設定する方法

HTMLテキストの影効果を設定する方法#効果を見る:


HTMLテキストの影効果を設定する方法推奨学習:

html ビデオ チュートリアル

以上がHTMLテキストの影効果を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。