CSS-Border-Radius-Eigenschaft ist eine Abkürzungseigenschaft zum Festlegen von vier Border-*-Radius-Eigenschaften. Die Syntax lautet: 1-4 Länge|% / 1-4 Länge|%.
Wie verwende ich die CSS-Border-Radius-Eigenschaft?
Funktion: Kurzschriftattribut, das zum Festlegen der vier border-*-radius-Attribute verwendet wird.
Syntax:
border-radius: 1-4 length|% / 1-4 length|%;
Beschreibung:
Länge definiert die Form des Filets.
% Definiert die Form der Verrundung in Prozent.
Hinweis:
Stellen Sie die vier Werte der einzelnen Radien in dieser Reihenfolge ein. Wenn unten links weggelassen wird, ist es dasselbe wie oben rechts. Wenn unten rechts weggelassen wird, ist es dasselbe wie oben links. Wenn oben rechts weggelassen wird, ist es dasselbe wie oben links.
Beispiel für die Verwendung der CSS-Border-Radius-Eigenschaft
<!DOCTYPE html>
<html>
<head>
<style>
div
{
text-align:center;
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:350px;
border-radius:25px;
-moz-border-radius:25px; /* 老的 Firefox */
}
</style>
</head>
<body>
<div>border-radius 属性允许您向元素添加圆角。</div>
</body>
</html>Effektausgabe:
Das obige ist der detaillierte Inhalt vonSo verwenden Sie die CSS-Border-Radius-Eigenschaft. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Gängige HTML-Tags
Die zehn besten Börsen für digitale Währungen
So verwenden Sie die Diktatfunktion in Python
Ist es umso besser, je höher die CPU-Frequenz des Computers ist?
So verwenden Sie Findbugs
Was sind die Attribute eines Tags?
Verwendung der Switch-Anweisung
Verwendung beliebiger Zeichen durch reguläre Ausdrücke
