CSS3 abgerundete Ecken

Abgerundete CSS3-Ecken werden verwendet, um dem Körper oder Text mithilfe der Eigenschaft border-radius spezielle farbige Ecken hinzuzufügen.

Die einfache Syntax für abgerundete Ecken lautet wie folgt:

#rcorners {
   border-radius: 60px/15px;
   background: #FF0000;
   padding: 20px;
   width: 200px;
   height: 150px;
}

Die folgende Tabelle zeigt die möglichen Werte für abgerundete Ecken wie folgt: Grenze -radius

border-top-left-radius

Verwenden Sie dieses Element, um die vier Randradiuseigenschaften festzulegen
Verwenden Sie dieses Element, um den Rand in der oberen linken Ecke festzulegen	border-top-right -radius
Verwenden Sie dieses Element, um den Rand in der oberen rechten Ecke festzulegen	border-bottom-right-radius
Verwenden Dieses Element legt den Rand in der unteren rechten Ecke fest

Das obige ist der detaillierte Inhalt vonCSS3 abgerundete Ecken. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!