Heim > Artikel > Web-Frontend > Ist das div-Attribut mit abgerundeten Ecken ein neues Attribut in CSS3?

Ist das div-Attribut mit abgerundeten Ecken ein neues Attribut in CSS3?

WBOYOriginal: 2022-01-24 11:56:251588Durchsuche

In CSS3 ist das abgerundete Eckenattribut „border-radius“ von div ein neues Attribut von CSS3. Dieses Attribut ist ein abgekürztes Attribut, das zum Festlegen des abgerundeten Eckenstils der vier Ecken verwendet wird linke Ecke Der Wert der abgerundeten Ecke ist der abgerundete Wert der oberen rechten Ecke, der abgerundete Wert der unteren rechten Ecke ist der abgerundete Wert der unteren linken Ecke;".

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

Ist das abgerundete Eckenattribut von div ein neues Attribut von CSS3?

Das abgerundete Eckenattribut von div ist border-radius, ein neues Attribut von CSS3.

Die Eigenschaft „border-radius“ ist eine Abkürzungseigenschaft zum Festlegen der vier Eigenschaften „border-*-radius“.

Tipp: Mit diesem Attribut können Sie abgerundete Ränder zu Elementen hinzufügen!

Die Syntax lautet:

border-radius: 1-4 length|% / 1-4 length|%;

Hinweis: Legen Sie die vier Werte jedes Radius in dieser Reihenfolge fest. 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.

Mögliche Werte des Attributs sind wie folgt:

Ist das div-Attribut mit abgerundeten Ecken ein neues Attribut in CSS3?

Das Beispiel lautet wie folgt:

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

Ausgabeergebnis:

Ist das div-Attribut mit abgerundeten Ecken ein neues Attribut in CSS3?

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonIst das div-Attribut mit abgerundeten Ecken ein neues Attribut in CSS3?. 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

Vorheriger Artikel：So verwenden Sie die neue Längeneinheit in CSS3Nächster Artikel：So verwenden Sie die neue Längeneinheit in CSS3

In Verbindung stehende Artikel

Mehr sehen