:::: MENU ::::
Posts tagged with: HTML

Farbige Textboxen mit runden Ecken

Die Typografie Eigenschaften dienen zur Hervorhebung von Text und sind sehr nützlich. Sie gehören zum Cascading Style Sheets Level 3 kurz genannt CSS, eine Stylesheet-Sprache für strukturierte Dokumente im Web. Ihr könnt mit CSS auch langweilige Tabellen mit Farbe etwas aufpeppeln.

CSS3 Eigenschaft Border-Radius

.box01 {
color:#fff;
width:250px;
padding:.5em;
border: 1px solid #fff;
background-color:#006ab3;
border-radius:10px;} /* CSS3 */

Beispiel 1

Runde Ecken Box 01
So können runde Ecken aussehen.
Oben könnt Ihr die Klassenzuweisungen betrachten.

.box02 {
color:#fff;
width:250px;
padding:.5em;
border: 1px solid #fff;
background-color:#7a032a;
border-radius:10px;}/* CSS3 */

Beispiel 2

Runde Ecken Box 02
So können runde Ecken aussehen.
Hier ist der Radius auf 10px eingestellt.

Im folgen Beitrag können Ihre eine farbig gestaltet Tabelle anschauen.