www.allscripts.de - eMail Formulare für Ihre Homepage. Formulare schnell und ganz einfach selbst erstellen, optisch attraktiv aufbereiten!
 
Formulare schnell und ganz einfach selbst erstellen, optisch attraktiv aufbereiten!
 
Buttons Grundlagen: CSS-Styling
 
5. Buttons - Eigenschaften

Buttons werden wie Textfelder formatiert. Es gelten die gleichen Eigenschaften bezüg- lich Farbe, Größe, Hintergrund und Rahmen.

An dieser Stelle wird nur kurz auf den Rollover-Effekt eingegangen.
 
ohne Rollover:   mit Rollover:
 
Die Pseudo-Klasse :hover (Rollovereffekt): Hierfür wird zuerst eine Klasse und an- schließend die Pseudo-Klasse definiert. Die Eigenschaften der Pseudo-Klasse treten automatisch beim Überfahren des Buttons mit der Maus in Kraft.

Code:
<style type="text/css">
<!--
.button1 {
color:#FFFFFF;
font-family:Arial;
font-size:10pt;
border: 1px solid #000000;
background-color: #666666;
width:155px;
height:20px;
  }
.button1:hover {
color:#043766;
font-family:Arial;
font-size:10pt;
border: 1px solid #1F77EF;
background-color: #BCD9F9;
width:155px;
height:20px;
  }
-->
</style>
 
Hier noch einige Mauszeiger:
 
     
 
Standard = cursor: default;
Hand = cursor:pointer;
Hilfe = cursor: help;
Fadenkreuz = cursor: crosshair;
 
 
 [1] [2] [3] [4] [5]  
 
 
 
CSS Homepage Tools    Homepage Generatoren Tools   © 2008 allscripts.de