Eingabefelder mit abgerundeten Ecken erstellen

Cascading Style Sheets (CSS) ist eine standardisierte Möglichkeit zum Steuern der Darstellung von HTML-Elementen auf Webseiten. CSS3 ist eine neue Reihe von CSS-Standards, die derzeit durch das World Wide Web Consortium (W3C), das verspricht viele interessante neue Möglichkeiten, Ihre Seiten Stil entwickelt. Leider, die verschiedenen Komponenten des CSS3 nicht implementiert sind genauso in allen größeren Web-Browsern, Sie einige redundanten Code zur Maximierung der Kompatibilität enthalten müssen. Varianten der Style-Eigenschaft "Border-Radius" Eingabefelder mit abgerundeten Ecken zu verwenden.

Anweisungen

1 Fügen Sie den folgenden CSS-Code zwischen die Tags "Kopf" Ihres HTML-Dokuments:

< Typ style = "Text/Css" >

{.rounded}

-Webkit-Border-Radius: 8px;

-Moz-Border-Radius: 8px;

Border-Radius: 8px;

}

< / style >

Je größer der Pixelwert zugeordnet auf diese Eigenschaften der Allrounder die Ecken, die erzeugt werden.

2 Fügen Sie den folgenden Code an die Stelle Ihres HTML-Dokuments ein Eingabefeld mit abgerundeten Ecken zu erstellen:

< Eingang Typ = "Text" Class = "gerundet" / >

Weisen Sie, wie viele Boxen zur Klasse "abgerundeten" eingeben, wie Sie möchten.

3 Verwenden Sie eine Inline-Stil-Zuweisung, um abgerundete Ecken ein einzelnes Element ohne Deklaration der Klasse im Abschnitt "Kopf" zu geben:

< Eingang Typ = "Text" style="-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;" / >