ホームページ  >  記事  >  ウェブフロントエンド  >  CSSを使用して黒い影付きの白いテキストを作成する

CSSを使用して黒い影付きの白いテキストを作成する

王林
王林転載
2023-08-30 21:53:021050ブラウズ

使用 CSS 创建带有黑色阴影的白色文本

text-shadow プロパティを使用して、黒い影のある白いテキストを作成します。

次のコードを実行して text-shadow プロパティを実装してみることができます:

>

Example

ライブ デモンストレーション

<!DOCTYPE html>
<html>
   <head>
      <style>
         h1 {
            color: white;
            text-shadow: 3px 3px 3px #000000;
         }
      </style>
   </head>
   <body>
      <h1>Heading One</h1>
      <p>Above heading has a text shadow effect.<p>
   </body>
</html>

以上がCSSを使用して黒い影付きの白いテキストを作成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。