Wie Runde ich Ecke grenzt im CSS?

October 26

Wie Runde ich Ecke grenzt im CSS?

Cascading Stylesheets können Sie eine Vielzahl von visuellen Effekten auf die Elemente Ihrer Webseite anzuwenden, bricht es aus der einfachen tabellenbasierten-Design. Zu diesen Effekten gehören die Fähigkeit, Inhalte Container erstellen, die immer komplexer und interessanter als einfache Polygone sind. Eine gemeinsame Aufgabe, die historisch die Verwendung einer Grafik als Hintergrundbild erforderlich, ist die Schaffung eines Containers mit abgerundeten Ecken. Die neueste Version von CSS macht diese Aufgabe sehr einfach.

Anweisungen

1 Öffnen Sie die Webseite mit dem Container dessen Grenzen, die Sie in Ihrem bevorzugten Texteditor abrunden möchten.

2 Suchen Sie das Tag des Containers dessen Grenzen Sie im Quellcode abrunden möchten.

3 Fügen Sie den folgenden Code, um die Container-Tag:

Style = "Border-Radius: 15px"

Verwenden Sie höhere oder niedrigere Zahlen je nach Tiefe der die Rundung, die Sie wünschen.