Heim > Artikel > Web-Frontend > So entfernen Sie den Schatten des CSS3-Rands
So entfernen Sie den Schatten des CSS3-Rands
- WBOYOriginal
- 2022-06-14 15:27:143314Durchsuche
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;}“.
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;
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>Ausgabeergebnis:
<style>
div
{
width:300px;
height:100px;
background-color:yellow;
box-shadow:none;
}
</style>
</head>
<body>
<div></div>
</body>
(Teilen von Lernvideos: CSS-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!