Heim > Artikel > Web-Frontend > Erstellen Sie mit CSS weißen Text mit schwarzem Schatten

Erstellen Sie mit CSS weißen Text mit schwarzem Schatten

王林nach vorne: 2023-08-30 21:53:021009Durchsuche

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

Verwenden Sie die Eigenschaft text-shadow, um weißen Text mit einem schwarzen Schatten zu erstellen.

Sie können versuchen, den folgenden Code auszuführen, um die Eigenschaft text-shadow zu implementieren:

Beispiel

Live-Demo

<!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>

Das obige ist der detaillierte Inhalt vonErstellen Sie mit CSS weißen Text mit schwarzem Schatten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

css

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Wie füge ich mithilfe von CSS dynamisch Kommas zwischen Listen von Elementen hinzu?Nächster Artikel：Wie füge ich mithilfe von CSS dynamisch Kommas zwischen Listen von Elementen hinzu?

In Verbindung stehende Artikel

Mehr sehen