Verwenden Sie die CSS-Eigenschaft border-radius, um den Bogen festzulegen

Phänomen:

Wandeln Sie das Div in einen Kreis, eine Ellipse usw. mit einer bestimmten Amplitude um

Verfahren:

Verwenden Sie die CSS-Eigenschaft border-radius, um

CSS3-Eigenschaft „border-radius“: Fügen Sie Div-Elementen abgerundete Ränder hinzu:

1: Erstellen Sie zuerst ein Div

2: Legen Sie den Radius der abgerundeten Grenze für div fest

3: Wenn der Bogen des Divs auf 50 % eingestellt ist, wird das Quadrat zu einem Kreis

4: Wenn Sie für das Rechteck einen 50%-Bogen einstellen, erhalten Sie eine Ellipse

5: Was ist, wenn Sie beide Seiten der geraden Linie in der Mitte des Rechtecks ​​als Bögen festlegen müssen?

Verwenden Sie einfach Pixel (px) anstelle von Prozentwerten.

6. Alle Winkel auf einmal markieren und unterschiedlich einstellen

Sieben: Sie können auch verschiedene Winkel separat einstellen

Zusammenfassen

Oben habe ich Ihnen die Verwendung des CSS-Attributs border-radius zum Festlegen von Bögen vorgestellt. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken! Wenn Sie diesen Artikel hilfreich finden, können Sie ihn gerne abdrucken und dabei bitte die Quelle angeben. Vielen Dank!