ホームページ > 記事 > ウェブフロントエンド > CSSで文字にストロークを追加する方法とは
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 サイトの他の関連記事を参照してください。