検索

ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSでフォントの影を設定する方法

CSSでフォントの影を設定する方法

王林
王林オリジナル
2020-11-23 11:22:0712813ブラウズ

CSS でフォ​​ントの影を設定する方法: コード [text-shadow:3px 3px 3px #00f;] を使用します。[text-shadow] 属性が影のテキストに適用されます。構文は [text-シャドウ: h-shadow v -shadow ぼかしカラー;]。

CSSでフォントの影を設定する方法

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

(学習ビデオ共有: css ビデオ チュートリアル )

CSS でフォ​​ント シャドウを設定する方法:

関連属性:

text-shadow プロパティはシャドウ テキストに適用されます。

構文: 

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

属性値:

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

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

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

  • #色 オプション。影の色。

例:

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <style>
        *{
            font-family: 微软雅黑;
        }

        p{
            text-shadow:3px 3px 3px #00f;
        }
    </style>
</head>
<body>
    <div>
        <p>linux is very much!</p>
        <p>linux is very much!</p>
        <p>linux is very much!</p>
        <p>linux is very much!</p>
        <p>linux is very much!</p>
    </div>
</body>
</html>

関連する推奨事項:CSS チュートリアル

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

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

関連記事

続きを見る