ホームページ > 記事 > ウェブフロントエンド > CSSで文字にストロークを追加する方法とは
CSSで文字にストロークを追加する方法とは
- 王林オリジナル
- 2020-11-17 17:26:582308ブラウズ
CSS でテキストにストロークを追加する方法は、[text-shadow: 0 0 5px #FF0000;] などの text-shadow 属性を使用してストロークを追加することです。 text-shadow プロパティはシャドウ テキストに適用され、h-shadow は水平方向のシャドウの位置を指定します。
関連プロパティ:
text-shadow プロパティはシャドウ テキストに適用されます。
(学習ビデオ共有: html ビデオ チュートリアル)
構文:
text-shadow: h-shadow v-shadow blur color;
属性値:
h-shadow 必須。水平方向の影の位置。負の値も許可されます。
#v-shadow 必須。垂直影の位置。負の値も許可されます。
#ぼかし オプション。ぼやけた距離。
#色 オプション。影の色。
コード例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
h1 {
text-shadow: 0 0 5px #FF0000, 0 0 5px #6bf403;
}
</style>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>達成効果;
関連する推奨事項:html チュートリアル
#以上がCSSで文字にストロークを追加する方法とはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSSでフォントの位置を設定する方法次の記事：CSSでフォントの位置を設定する方法