CSSでテキストプロジェクションを記述する方法-フロントエンドQ&A-php.cn

CSSでテキストプロジェクションを記述する方法

藏色散人

リリース： 2021-11-10 11:29:18

オリジナル

3895 人が閲覧しました

CSS でテキスト投影効果を実現する方法: 1. HTML サンプルファイルを作成します; 2. テキストコンテンツを定義します; 3. 「text-shadow: 5px 5px 5px #FF0000;」を設定してテキスト投影効果を実現します。「スタイル。できます。」

CSSでテキストプロジェクションを記述する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、DELL G3 パソコン

CSS でのテキスト投影の書き方?

text-shadow 属性を通じて実現できます。

はじめに:

text-shadow プロパティは、テキストに影を設定します。

構文

text-shadow: h-shadow v-shadow blur color;

ログイン後にコピー

注: text-shadow プロパティは、テキストに 1 つ以上の影を追加します。このプロパティは、シェードのカンマ区切りのリストで、各シェードは 2 つまたは 3 つの長さの値とオプションの色の値で指定されます。省略された長さは 0 です。

値

h-shadow 必須。水平方向の影の位置。負の値も許可されます。

v-shadow 必須。垂直影の位置。負の値も許可されます。

ぼかしオプション。ぼやけた距離。

色オプション。影の色。

基本的な例:

<!DOCTYPE html>
<html>
<head>
<style>
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
</style>
</head>
<body>

<h1>文本阴影效果！</h1>

</body>
</html>

ログイン後にコピー

効果は次のとおりです:

CSSでテキストプロジェクションを記述する方法

以上がCSSでテキストプロジェクションを記述する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます