記事特集学ぶダウンロードに質問プログラミング辞典ゲーム最近の更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

ホームページ > ウェブフロントエンド > CSSチュートリアル > 本文

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

王林

リリース： 2023-08-30 21:53:02

転載

1035 人が閲覧しました

使用 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

前の記事：CSSを使用して項目のリスト間にカンマを動的に追加するにはどうすればよいですか? 次の記事：CSS バウンスアニメーション効果

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事