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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
