CodersHELL.org - Developing Community

Neuste Nachrichten

Weiterer pic24 Server eingebunden

Nachtsichtgeräte: Kinobesucher müssen

Neue Wandfarbe hält WLAN-Strahlung im Z

Malware soll mit digitalen Ameisen besei

Kernel-Log: Hauptentwicklungsphase von L

Neuste Beiträge

Eggdrop Interface - ein paar Fragen

Nach Egg Anlegen FTP-login Fehler

HowTo: mit wget ein DirectoryIndex Webve

G-MoN Output -> Excel

Uploadscript ohne FTP-Verbindung

HTML & CSS » Button - Flach darstellen

Seiten: 1

[ Sie müssen angemeldet sein, um einen Beitrag zu verfassen. ]

Geschrieben von gix am 20.10.2006 um 00:00 Uhr.
Beiträge: 185 / #128

Kontakt:

Mailen |

ICQ

Wie bekommt man es so hin, das die Buttons so wie hier (nähmlich flach) angezeigt werden ?
--------
• Ganz einfach man erstellt sich eine
CSS - Class // Css - Klasse.

CODE

1.
2.
3.
4.
5.

<style>
.btn {
}
</style>

Wie ihr diese nennt wollt ist eigentlich euch überlassen.
Ich hab sie mal "btn" genannt.

• Nun müssen zwischen die geschweiften Klammern,
die eigenschaften, die der button haben soll.

CODE

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

   background-color:#FFFFFF;
   color:#000000;
   font-family:Verdana;
   font-size:9px;
   border:1px solid;
   border-top-color:#000000;
   border-left-color:#000000;
   border-right-color:#000000;
   border-bottom-color:#000000;

Wie ihr seht, habe ich nur die Kanten des Buttons in der Farbe verändert, aber dadurch ensteht der Eindruck, dass der Button Flach ist. Natürlich gibt es bestimmt auch andere Methoden. Dies ist aber die einfachste.

• Nun müsst ihr die Farben nur noch so ändern wie ihr sie braucht.
Eine Liste aller Hexadezimal-Farbcodes bekommt ihr hier

Zitieren

Beitrag melden

[ Sie müssen angemeldet sein, um einen Beitrag zu verfassen. ]

Seiten: 1

Passwort zurücksetzen