So entfernen Sie den Schatten des CSS3-Rands-Front-End-Fragen und Antworten-php.cn

So entfernen Sie den Schatten des CSS3-Rands

WBOY

Freigeben： 2022-06-14 15:27:14

Original

3250 Leute haben es durchsucht

In CSS3 können Sie das Attribut „box-shadow“ verwenden, um den Schatten am Rand abzubrechen. Dieses Attribut wird verwendet, um ein oder mehrere Dropdown-Schattenfelder zu setzen Löschen Sie den Randschatten. Die Syntax lautet „element {box-shadow: none;}“.

So entfernen Sie den Schatten des CSS3-Rands

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

So heben Sie den Schatten des CSS3-Rahmens auf

Das Box-Shadow-Attribut kann ein oder mehrere Dropdown-Schattenboxen festlegen.

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

Nach dem Login kopieren

Hinweis: Die boxShadow-Eigenschaft fügt der Box einen oder mehrere Schlagschatten hinzu. Diese Eigenschaft ist eine durch Kommas getrennte Liste von Schatten, die jeweils durch 2–4 Längenwerte, einen optionalen Farbwert und ein optionales Einfügungsschlüsselwort angegeben werden. Der Wert für die ausgelassene Länge ist 0.

h-Shadow erforderlich. Die Position des horizontalen Schattens. Negative Werte erlaubt
v-shadow Erforderlich. Die Position des vertikalen Schattens. Negative Werte erlaubt
Unschärfe Optional. Unschärfeabstand
Spread optional. Die Größe der Schattenfarbe ist optional. Die Farbe des Schattens.
Einsatz optional. Ändern Sie den Schatten vom äußeren Schatten (am Anfang) zum inneren Schatten

Das Beispiel lautet wie folgt:

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

Nach dem Login kopieren

Nach dem Festlegen von „Keine“ lautet das Ausgabeergebnis:

<style> 
div
{
width:300px;
height:100px;
background-color:yellow;
box-shadow:none;
}
</style>
</head>
<body>
<div></div>
</body>

Nach dem Login kopieren

(Teilen von Lernvideos:

CSS-Video-Tutorial So entfernen Sie den Schatten des CSS3-Rands ,

HTML-Video-Tutorial

)

Das obige ist der detaillierte Inhalt vonSo entfernen Sie den Schatten des CSS3-Rands. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!