Wie man einen abgerundeten Kasten mit CSS3

Cascading Style Sheet-Stufe 3 (CSS3) ist die Version 3 der CSS-Style-Sprache. CSS wird mit HyperText Markup Language (HTML) Dokumenten verwendet und regelt die Art und Weise, die eine Website in Web-Browsern wie Microsoft Internet Explorer, Mozilla Firefox und Google Chrome wird angezeigt. CSS3 können Sie eine native Feld Objekt hinsichtlich der Ecke Winkel ändern. Das World Wide Web Consortium (W3C) enthält Beispiele wie die Winkel in das CSS-Dokument angegebenen normalerweise in einem Webbrowser angezeigt werden.

Anweisungen

1 Mit der rechten Maustaste auf die CSS-Datei, in der Sie möchten implementieren den CSS-Code für abgerundete Ecken und klicken auf "Öffnen mit". Klicken Sie auf "Notepad". Die Datei wird im Editor geöffnet.

2 Kopieren Sie und fügen Sie den folgenden CSS-Code in der CSS-Datei:

NAME?

{

die Border-Width:

40px 20px;

Border-Radius:

80px / 60px;

}

Ersetzen Sie "NAME?" durch den Namen des Elements im Feld in Ihrem HTML-Dokument.

3 Drücken Sie "Strg" und "S" auf Ihrer Tastatur, um die Datei zu speichern.

4 Beenden Sie Editor.