Heim >Web-Frontend >Front-End-Fragen und Antworten >So verwenden Sie die CSS-Eigenschaft „Border-Bottom-Left-Radius'.
So verwenden Sie die CSS-Eigenschaft „Border-Bottom-Left-Radius'.
- 藏色散人Original
- 2019-05-29 10:55:582936Durchsuche
Die CSS-Eigenschaft „Border-Bottom-Left-Radius“ wird verwendet, um die Form der unteren linken Ecke des Rahmens zu definieren. Die Syntax lautet „Border-Bottom-Left-Radius: Länge|% [Länge|%].
Wie verwende ich die CSS-Eigenschaft „border-bottom-left-radius“?
Funktion: Definieren Sie die Form der unteren linken Ecke des Rahmens.
Syntax:
border-bottom-left-radius: length|% [length|%];
Beschreibung:
Länge definiert die Form der unteren linken Ecke.
% Definiert die Form der unteren linken Ecke als Prozentwert.
Hinweis: Die Längen- und Prozentwerte der Eigenschaft
border-bottom-left-radius definieren den Radius (die Radien) der Viertelellipse (die Eckform, die den äußeren Rand definiert). Rand). Der erste Wert ist der horizontale Radius und der zweite Wert ist der vertikale Radius. Wenn der zweite Wert weggelassen wird, wird der erste Wert kopiert. Wenn die Länge Null ist, sind die Ecken quadratisch und nicht rund. Prozentwerte für den horizontalen Radius beziehen sich auf die Breite des Rahmenrahmens, während sich Prozentwerte für den vertikalen Radius auf die Höhe des Rahmenrahmens beziehen.
Beispiel für die Verwendung der CSS-Eigenschaft „border-bottom-left-radius“
<!DOCTYPE html>
<html>
<head>
<style>
div
{
border:2px solid;
padding:10px;
background:#dddddd;
border-bottom-left-radius:2em;
}
</style>
</head>
<body>
<div>border-bottom-left-radius 属性允许您向左下角添加圆角边框。</div>
</body>
</html>Effektausgabe:
Das obige ist der detaillierte Inhalt vonSo verwenden Sie die CSS-Eigenschaft „Border-Bottom-Left-Radius'.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!