CSS テキストの影
テキストの影
のtext-shadow
プロパティは、テキストに影を追加します。
最も単純な使用法では、水平の影 (2px) と垂直の影 (2px) のみを指定します。
文字の影効果!
次に、影に色 (赤) を追加します。
文字の影効果!
次に、影にぼかし効果 (5px) を追加します。
文字の影効果!
その他のテキスト シャドウの例
例 4
h1 {
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
ヒント: CSS フォントに移動この章では、フォント、テキスト サイズ、およびテキストのスタイルを変更する方法について説明します。
ヒント: CSS テキスト効果に移動しますこの章では、さまざまなテキスト効果について学習します。
CSS テキスト シャドウ プロパティ
財産 |
説明 |
---|---|
テキストシャドウ | テキストに追加される影の効果を指定します |
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。