suchen

Heim  >  Artikel  >  Web-Frontend  >  Fügen Sie mithilfe von CSS Schatten zu Elementen hinzu

Fügen Sie mithilfe von CSS Schatten zu Elementen hinzu

王林
王林nach vorne
2023-08-27 16:53:021396Durchsuche

使用 CSS 为元素添加阴影

Verwenden Sie die CSS-Eigenschaft box-shadow, um mithilfe von CSS einen Schatten zu Elementen hinzuzufügen. Sie können versuchen, den folgenden Code auszuführen, um die Box-Shadow-Eigenschaft zu implementieren:

Beispiel

Live-Demo

<!DOCTYPE html>
<html>
   <head>
      <style>
         h2 {
            box-shadow: 10px 10px;
            height: 50px;
            background-color: yellow;
         }
      </style>
   </head>
   <body>
      <h2>Heading Two</h2>
      <p>Above heading has shadow.<p>
   </body>
</html>

Das obige ist der detaillierte Inhalt vonFügen Sie mithilfe von CSS Schatten zu Elementen hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Verwenden der Paginierung von DatentabellenNächster Artikel：Verwenden der Paginierung von Datentabellen

In Verbindung stehende Artikel

Mehr sehen