Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie die CSS-Border-Radius-Eigenschaft

So verwenden Sie die CSS-Border-Radius-Eigenschaft

藏色散人
藏色散人Original
2019-05-29 13:24:032814Durchsuche

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|%.

So verwenden Sie die CSS-Border-Radius-Eigenschaft

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:

So verwenden Sie die CSS-Border-Radius-Eigenschaft

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!

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