Heim  >  Artikel  >  Web-Frontend  >  Ist box-shadow ein neues Attribut in CSS3?

Ist box-shadow ein neues Attribut in CSS3?

WBOY
WBOYOriginal
2021-12-15 12:01:282671Durchsuche

„box-shadow“ ist ein neues Attribut von CSS3. Die Funktion des „box-shadow“-Attributs besteht darin, der Elementbox einen oder mehrere Schatten hinzuzufügen. Die Syntax lautet „element {box-shadow: horizontale Schattenposition, vertikale Schattenposition, Unschärfe-Spread-Farbeinschub;}“.

Ist box-shadow ein neues Attribut in CSS3?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

Ist Box-Shadow ein neues Attribut von CSS3?

Box-Shadow ist ein neues Attribut von CSS3. Die Eigenschaft

box-shadow wird verwendet, um der Box einen oder mehrere Schatten hinzuzufügen. Die Syntax dieses Attributs lautet wie folgt:

box-shadow: h-shadow v-shadow blur spread color inset;

Der Attributwert wird wie folgt ausgedrückt:

Ist box-shadow ein neues Attribut in CSS3?

Das Beispiel lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
    <style> 
        div{
            width:300px;
            height:100px;
            background-color:#ff9900;
            box-shadow: 10px 10px 5px #888888;
        }
    </style>
</head>
<body>
    <div></div>
</body>
</html>

Ausgabeergebnis:

Ist box-shadow ein neues Attribut in CSS3?

(Freigabe von Lernvideos: css-Video Tutorial)

Das obige ist der detaillierte Inhalt vonIst box-shadow ein neues Attribut in CSS3?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn