ホームページ > 記事 > ウェブフロントエンド > CSSでフォントの影を設定する方法
CSSでフォントの影を設定する方法
- 王林オリジナル
- 2020-11-23 11:22:0712641ブラウズ
CSS でフォントの影を設定する方法: コード [text-shadow:3px 3px 3px #00f;] を使用します。[text-shadow] 属性が影のテキストに適用されます。構文は [text-シャドウ: h-shadow v -shadow ぼかしカラー;]。
このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSSの背景画像の属性は何ですか次の記事：CSSの背景画像の属性は何ですか