ホームページ  >  記事  >  ウェブフロントエンド  >  HTML でテキストに影を付ける方法

HTML でテキストに影を付ける方法

coldplay.xixi
coldplay.xixiオリジナル
2021-02-26 16:28:3112482ブラウズ

HTML でテキストに影を付ける方法: まず HTML で新しい P タグを作成し、コンテンツを入力します。次に、この P タグのクラスを定義し、ステートメント [text-shadow] を使用して影を追加します。最後に、効果: できます。

HTML でテキストに影を付ける方法

このチュートリアルの動作環境: Windows7 システム、html5 バージョン、DELL G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。

HTML でテキストをシャドウする方法:

1. まず、HTML で新しい P タグを作成し、コンテンツを入力します。

HTML でテキストに影を付ける方法

#2. 次に、この P タグのクラスを定義できます (ここでは [PTitle] と呼びます)。

HTML でテキストに影を付ける方法

#3. 次に、[text-shadow] シャドウを使用してステートメントを書くことができます。

HTML でテキストに影を付ける方法

#4. 次に、X 軸と Y 軸のオフセット位置を設定します。

HTML でテキストに影を付ける方法

#5. この時点で、彼のぼかしレベルと色を 10 ピクセルに設定できます。

HTML でテキストに影を付ける方法

#6. その後、ここに移動して、テキストの影の効果を確認できます。

HTML でテキストに影を付ける方法

関連する学習に関する推奨事項: html ビデオ チュートリアル

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

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